WeMakeCode (OPC) Private Limited · brand kit v1 · 2026

wemake/code

The logo is wemake/code. The name is WeMakeCode. The name written like a repository path: who we are, a slash, what we make. One typeface, one orange accent, and a w/ icon for small spaces.

Rubik ExtraBoldGeist Mono#1c1917 · #fafaf9 · #ea580c298 export files24 placements
02 · Name

Write WeMakeCode. Show wemake/code.

The name is one word with no spaces and no punctuation. The slash belongs to the logo only.

WeMakeCode

In every sentence, document, invoice and email. Legal name: WeMakeCode (OPC) Private Limited.

We Make Code

Never with spaces, never across lines, never with a full stop after it.

wemake/code

Only as the logo artwork. Never typed into a sentence or retyped in another font.

wemakecode.net · @wemakecode

Domain, handles and repositories stay exactly as they are.

The slash names everything else

Services, campaigns and teams use the same construction: Rubik ExtraBold, lowercase, orange slash.

wemake/appswemake/datawemake/cloudwemake/aiwemake/careers
03 · Colour

Ink, paper, one orange

Orange is the slash, plus small interface accents such as a primary button. On dark backgrounds use the lighter orange so it keeps its contrast.

Ink deep#0c0a09 · dark mode background
Ink#1c1917 · text and logo on light
Paper#fafaf9 · light background
Paper soft#f5f5f4 · logo on dark
Orange#ea580c · on light
Orange bright#f97316 · on dark
Stone#78716c · secondary text
04 · Typography

One family, one mono

Rubik for everything people read, Geist Mono for code, labels and small technical text. Both are free under the SIL Open Font License, so they can be used in the logo, on the web and in print.

Rubik ExtraBold 800 · logo and headlines
WeMakeCode
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789
Rubik Regular 400 · Medium 500 · body
Built properly, explained plainly and handed over cleanly. Visit wemakecode.net to start a project.
Geist Mono 400 · code, labels, small print
$ git commit -m "ship it"
wemakecode.net
INVOICE · WMC-2026-014
05 · Rules

Space, size, and what not to do

Clear space

Leave empty space around the logo equal to a quarter of its height. It's already built into every file, so place files edge to edge.

Minimum size

Wordmark 120 px wide on screen, 30 mm in print. Smaller than that, use the w/ icon, which works down to a 16 px favicon.

Backgrounds

Full colour on paper or ink. On photos or orange, use the one-colour black or white version, or the app-icon tile.

✕ Don't stretch it
✕ Don't recolour the slash
wemake/code
✕ Don't retype it
✕ No full colour on orange
06 · In the world

24 places it lives

Mockups generated from the real logo files with one shared style guide. Pieces marked 4K are 5504 px wide (Gemini 3 Pro Image); the rest are from GPT-5.4 Image 2. Click any image for the full original. They're previews: tiny printed text can contain AI slips, and the logo files are the source of truth.

Website
Mobile site, dark
Business cards
Stationery
Reception wall
Glass door
Laptop stickers
Hoodie
T-shirt
Mug and tote
Code profile page
Company page
Pitch deck · wemake/data
Conference booth
Billboard
ID badge and lanyard
Notebook
Social profile grid
Phone home screen
Code editor
Welcome kit
Service posters
Building sign
Email signature

Showcases

Showcase · The Void
Showcase · Editorial paper
07 · Social kit

Exact sizes, ready to upload

Built from the vector logo, not AI, so every pixel is exact. Each one comes in dark and light.

Link preview · dark · 1200×630
Link preview · light · 1200×630
LinkedIn banner · dark · 1584×396
LinkedIn banner · light · 1584×396
X header · dark · 1500×500
X header · light · 1500×500
YouTube banner · dark · 2560×1440
YouTube banner · light · 2560×1440
Post template · dark · 1080×1080
Post template · light · 1080×1080
Story · dark · 1080×1920
Story · light · 1080×1920
Profile picture · dark · 800×800
Profile picture · light · 800×800
Profile picture · orange · 800×800
08 · Wallpapers

Phone and laptop

Six designs, each at iPhone, Android, 1080p, 1440p, MacBook and 4K. Click to open the full-size image.

Minimal dark

minimal dark · iPhone · 1179×2556
minimal dark · Android · 1080×2400
minimal dark · 1080p · 1920×1080
minimal dark · 1440p · 2560×1440
minimal dark · MacBook · 2560×1600
minimal dark · 4K · 3840×2160

Minimal light

minimal light · iPhone · 1179×2556
minimal light · Android · 1080×2400
minimal light · 1080p · 1920×1080
minimal light · 1440p · 2560×1440
minimal light · MacBook · 2560×1600
minimal light · 4K · 3840×2160

Icon orange

icon orange · iPhone · 1179×2556
icon orange · Android · 1080×2400
icon orange · 1080p · 1920×1080
icon orange · 1440p · 2560×1440
icon orange · MacBook · 2560×1600
icon orange · 4K · 3840×2160

Slash pattern

slash pattern · iPhone · 1179×2556
slash pattern · Android · 1080×2400
slash pattern · 1080p · 1920×1080
slash pattern · 1440p · 2560×1440
slash pattern · MacBook · 2560×1600
slash pattern · 4K · 3840×2160

Statement

statement · iPhone · 1179×2556
statement · Android · 1080×2400
statement · 1080p · 1920×1080
statement · 1440p · 2560×1440
statement · MacBook · 2560×1600
statement · 4K · 3840×2160

Code

code · iPhone · 1179×2556
code · Android · 1080×2400
code · 1080p · 1920×1080
code · 1440p · 2560×1440
code · MacBook · 2560×1600
code · 4K · 3840×2160
09 · Files

298 files, every format

Everything is in the kit folder and zip. SVG, PDF, PNG and WebP have transparent backgrounds; JPG versions sit on the brand colour for places that can't do transparency.

SVGVector, transparent. Web, Figma, Illustrator.
PDFVector, transparent. Print, Word, PowerPoint.
PNG · WebPTransparent, 512 to 4096 px wide.
JPGOn paper or ink, 2048 px.
Web iconsfavicon.ico, SVG favicon, Apple touch, 192/512, manifest.
brand-kit/
  logo/                     master SVGs: wordmark, stacked, icon, app-icon
  mockups/                  24 placements (-4k files are 5504 px)
  showcases/                2 showcase images
  export/
    wordmark/ stacked/ icon/ app-icon/
      svg/  pdf/  png/  webp/  jpg/
    web-icons/              favicon.ico · favicon.svg · apple-touch-icon · icon-192/512 · maskable · site.webmanifest · head-snippet.html
    social/                 avatars · link previews · LinkedIn · X · YouTube · post and story templates · email-signature logo
    wallpapers/             minimal-dark · minimal-light · icon-orange · slash-pattern · statement · code (6 sizes each)

Where it came from

AI-assisted ideation explored dozens of directions. The repository-path idea from this sheet became the logo, redrawn by hand as vectors in Rubik.

AI ideation sheet: the first row is where wemake/code came from
10 · Downloads

Take what you need

Every file below is the real thing: vectors are outlined, PNG and WebP are transparent, and nothing is compressed beyond the format's own encoding. Hover a link to see its size.

Logo kitEvery logo version in SVG, PDF, PNG, WebP and JPG, plus the master filesZIP · 6.6 MBWeb iconsfavicon.ico, favicon.svg, Apple touch icon, 192/512, maskable, manifest, head snippetZIP · 19 KBSocial kitProfile pictures, banners, link previews, post and story templatesZIP · 395 KBWallpapers6 designs × iPhone, Android, 1080p, 1440p, MacBook, 4KZIP · 1.3 MB

Primary wordmark

VersionVectorPrintPNG · transparent · px wideWebP · transparentJPG · on brand colour
Full colour · for light backgroundsSVGPDF512 1024 2048 4096512 1024 2048 40962048
Full colour · for dark backgroundsSVGPDF512 1024 2048 4096512 1024 2048 40962048
One colour · blackSVGPDF512 1024 2048 4096512 1024 2048 40962048
One colour · whiteSVGPDF512 1024 2048 4096512 1024 2048 40962048

Stacked

VersionVectorPrintPNG · transparent · px wideWebP · transparentJPG · on brand colour
Full colour · for light backgroundsSVGPDF512 1024 2048 4096512 1024 2048 40962048
Full colour · for dark backgroundsSVGPDF512 1024 2048 4096512 1024 2048 40962048
One colour · blackSVGPDF512 1024 2048 4096512 1024 2048 40962048
One colour · whiteSVGPDF512 1024 2048 4096512 1024 2048 40962048

Icon w/

VersionVectorPrintPNG · transparent · px wideWebP · transparentJPG · on brand colour
Full colour · for light backgroundsSVGPDF512 1024 2048 4096512 1024 2048 40962048
Full colour · for dark backgroundsSVGPDF512 1024 2048 4096512 1024 2048 40962048
One colour · blackSVGPDF512 1024 2048 4096512 1024 2048 40962048
One colour · whiteSVGPDF512 1024 2048 4096512 1024 2048 40962048

App icons and profile pictures

VersionVectorPrintPNG · transparent · px wideWebP · transparentJPG · on brand colour
Light tile · roundedSVGPDF512 1024 2048 4096512 1024 2048 40961024
Light tile · squareSVGPDF512 1024 2048 4096512 1024 2048 40961024
Light tile · circleSVGPDF512 1024 2048 4096512 1024 2048 40961024
Dark tile · roundedSVGPDF512 1024 2048 4096512 1024 2048 40961024
Dark tile · squareSVGPDF512 1024 2048 4096512 1024 2048 40961024
Dark tile · circleSVGPDF512 1024 2048 4096512 1024 2048 40961024
Orange tile · roundedSVGPDF512 1024 2048 4096512 1024 2048 40961024
Orange tile · squareSVGPDF512 1024 2048 4096512 1024 2048 40961024
Orange tile · circleSVGPDF512 1024 2048 4096512 1024 2048 40961024

Web icons

Social kit

Wallpapers

Mockups (full resolution)

Showcases

Usage guide