Brand
Logo, colors, and how to use them
Everything you need to place Postwave in an article, a deck, or a partner page: the marks, the palette, the type, and the handful of rules that keep it recognizable.
Logo
The horizontal lockup — icon plus wordmark — is the default. Pick the variant with the most contrast against your background and leave the artwork itself untouched.
Icon
Where there is no room for the wordmark — avatars, favicons, app tiles — use the icon on its own. Please don't rebuild the lockup by setting the name next to it yourself.
Clear space and minimum size
The logo needs room to breathe and a floor below which it stops being readable.
Clear space
Keep free space of at least half the icon height on every side. Nothing enters that area — no type, no borders, no other logos.
½ × icon height on all sides
Minimum size
Below these sizes the wave loses its shape. If you need it smaller, use the monochrome icon instead.
Wordmark: 120 px on screen, 25 mm in print
Icon: 24 px on screen, 8 mm in print
Colors
Deep blue carries the brand, the green accent marks what is live and interactive. The values below are the exact sRGB output of the OKLCH tokens the product ships with.
Brand
Primary
Buttons, links, and every load-bearing brand surface.
- HEX
- #003486
- RGB
- rgb(0, 52, 134)
- CMYK
- cmyk(100, 61, 0, 47)
- Token
- --color-primary
Primary Hover
Hover and active state for solid primary buttons.
- HEX
- #1052A6
- RGB
- rgb(16, 82, 166)
- CMYK
- cmyk(90, 51, 0, 35)
- Token
- --color-primary-hover
Primary Light
Primary as text or accent on dark backgrounds.
- HEX
- #65A5FF
- RGB
- rgb(101, 165, 255)
- CMYK
- cmyk(60, 35, 0, 0)
- Token
- --color-primary-light
Primary Dark
Depth: gradients, shadows, pressed states.
- HEX
- #001467
- RGB
- rgb(0, 20, 103)
- CMYK
- cmyk(100, 81, 0, 60)
- Token
- --color-primary-dark
Accent
Secondary
Accents, highlights, and success states.
- HEX
- #2EBF91
- RGB
- rgb(46, 191, 145)
- CMYK
- cmyk(76, 0, 24, 25)
- Token
- --color-secondary
Secondary Light
The accent on dark backgrounds.
- HEX
- #51D9AA
- RGB
- rgb(81, 217, 170)
- CMYK
- cmyk(63, 0, 22, 15)
- Token
- --color-secondary-light
Secondary Dark
The accent where it has to hold white text.
- HEX
- #004E29
- RGB
- rgb(0, 78, 41)
- CMYK
- cmyk(100, 0, 47, 69)
- Token
- --color-secondary-dark
Neutral
Ink
Headlines on light, page background on dark.
- HEX
- #101828
- RGB
- rgb(16, 24, 40)
- CMYK
- cmyk(60, 40, 0, 84)
- Token
- --color-gray-900
Paper
Page background on light, headlines on dark.
- HEX
- #FFFFFF
- RGB
- rgb(255, 255, 255)
- CMYK
- cmyk(0, 0, 0, 0)
- Token
- --color-white
Slate
Body copy on light backgrounds.
- HEX
- #4A5565
- RGB
- rgb(74, 85, 101)
- CMYK
- cmyk(27, 16, 0, 60)
- Token
- --color-gray-600
Mist
Body copy on dark backgrounds.
- HEX
- #D1D5DC
- RGB
- rgb(209, 213, 220)
- CMYK
- cmyk(5, 3, 0, 14)
- Token
- --color-gray-300
Signal gradient
The wave in the icon runs from #019EE7 to #13DCE5. Use it for the mark and for large decorative surfaces — never behind body text.
Typography
Two typefaces, with a strict division of labor: one is frozen into the logo, the other does all the reading.
Wordmark
Poppins SemiBold
The name is drawn in Poppins SemiBold and shipped as outlines, so you never need the font installed to place the logo. Please don't set “Postwave” in Poppins yourself to recreate the lockup.
Interface
System sans-serif
- Regular · 400
- Publish everywhere, in one click.
- Medium · 500
- Publish everywhere, in one click.
- Semibold · 600
- Publish everywhere, in one click.
Postwave sets everything else in the platform's native sans stack — fast, familiar, and identical to what the reader already sees everywhere else.
Usage
Use the marks to point at Postwave. Don't use them to speak for Postwave.
Please do
- Use the original files, unaltered, at their native proportions.
- Choose the variant that contrasts most strongly with its background.
- Respect the clear space and the minimum sizes.
- Link the logo to postwave.studio wherever the medium allows it.
- Ask us if you are unsure — we answer quickly.
Please don't
- Don't recolor, rotate, stretch, outline, or add effects to the artwork.
- Don't rebuild the lockup, alter its spacing, or set the name in another typeface.
- Don't place the marks on busy imagery or on colors they can't hold up against.
- Don't imply a partnership, endorsement, or affiliation that doesn't exist.
- Don't use the marks — or anything close to them — as part of your own logo, product name, or domain.
Brand kit
Every variant on this page as SVG and PNG, together with the palette, the typography, and these rules as a text file.
Download brand kitSomething missing?
Need a screenshot, a specific size, or a co-branded layout? Write to us and we'll put it together.
Get in touch