/design
Design language.
The brand kit: colors, type, spacing, and the GW monogram in every format you might need. SVG when you can, PNG when you cannot. Use freely on anything you ship for or with us.
01 / logo
GW, in Google Sans 700.
The monogram is the actual G and W glyphs from Google Sans 700, extracted as path data and embedded directly so every surface stays pixel identical. Three colorways covering every background we ship against.
GW icon
256 x 256 · transparent
Square monogram
512 x 512
LinkedIn cover
1584 x 396
Wallpaper banner
1920 x 1080
02 / reels
Brand presentation.
Seven slides: the mark, the AI agent fleet, what we ship, the stack we work with, how we work, the promise, sign-off. Same content, two colourways. Silent and ambient — drop one onto a monitor at a booth or office wall and skip the brand video file. Click play to enter fullscreen. 70-second loop.
03 / colors
Clean slate, midnight teal.
Light only. The teal is load bearing. One accent moment per section. More accent surfaces in the same view dilute it.
#0A0A0A
Ink
--gw-ink
Headlines, primary text, brand mark.
#FFFFFF
Paper
--gw-bg
Base background, on-accent surfaces.
#00ADB5
Teal
--gw-accent
CTAs, accent moments. One per section, max.
#008C92
Teal deep
--gw-accent-deep
Pressed states, hover-only deepening.
#FAFAFA
Soft
--gw-soft
Card surface (most cards on the home page).
#F4F4F4
Ash
--gw-ash
Subdued surface for secondary blocks.
rgba(10,10,10,0.72)
Ink soft
--gw-ink-soft
Body copy on paper surfaces.
rgba(10,10,10,0.50)
Ink muted
--gw-ink-muted
Mono labels, meta, kickers.
rgba(10,10,10,0.08)
Hairline
--gw-line
Card border, section divider.
rgba(10,10,10,0.16)
Hairline strong
--gw-line-strong
Medium border, ghost button outline.
04 / typography
Two families. No more.
display + body
Google Sans
Websites in 24 hours.
Senior designers, engineers, and cutting-edge AI agents with taste.
Aa
400
Aa
500
Aa
600
Aa
700
mono + kickers + terminal
JetBrains Mono
/ STUDIO
Used for kickers, slot stamp captions, copyright lines, the terminal widget, and any place a small caps treatment helps the eye scan.
Aa
400
Aa
500
Aa
700
05 / spacing
4 pt scale.
Every gap on the site is a multiple of 4 px. Most things use the 8 / 16 / 24 / 32 steps. Section padding lives at 56 px on desktop, 36 on mobile.
4 px
8 px
12 px
16 px
24 px
32 px
48 px
64 px
96 px
128 px