Skip to content
Brandbook

The Postify brand, in one place.

Logos, palette, type, and how to use them. Everything below is free to use for press, partners, and integrations — please follow the usage rules.

Logos

The green speech-bubble wordmark is the primary brand asset. The icon-only mark is reserved for tight spaces — favicons, app icons, social avatars. Keep at least one cap-height of clear space around any lockup.

Postify wordmark — green
Wordmark · green (primary)SVG
Postify wordmark — white
Wordmark · white (on brand lime)SVG
Postify icon — lime
Icon · limeSVG
Postify icon — white
Icon · whiteSVG

Palette

One lime accent against a near-black canvas and a neutral grey scale. The lime is intentional — it should be the most-emphasised colour on any given screen. The brand green is reserved for the logo mark.

Brand lime
#D6FD70
hsl(77 95% 72%)--primary / --accent-warm

The accent. CTAs, focus rings, eyebrow rules, key numerals. The most-emphasised colour on any screen.

Brand green
#00D756
hsl(146 100% 42%)logo mark

The speech-bubble logo mark only. Not used as a UI fill.

Ink
#131313
hsl(0 0% 7.5%)--primary-foreground

Text and icons set on lime surfaces (e.g. inside CTA buttons).

Background
#000000
hsl(0 0% 0%)--background

The default canvas. Pure black in the dark theme.

Foreground
#FAFAFA
hsl(0 0% 98%)--foreground

Primary body text on dark surfaces.

Card
#1C1C1C
hsl(0 0% 11%)--card

Elevated surfaces — panels, cards, popovers.

Muted
#BFBFBF
hsl(0 0% 75%)--muted-foreground

Secondary copy, captions, labels. Clears WCAG AA on black.

Border
#2E2E2E
hsl(0 0% 18%)--border

Card frames, dividers, input outlines.

Typography

Plus Jakarta Sans across the entire UI — semibold for display, regular for body, with tracking that tightens as size grows. Geist Mono carries labels, code, and eyebrows. Caveat is the editorial script accent, reserved for handwritten emphasis (max ~3 words at a time).

Display · Plus Jakarta Sans SemiBold
Your brand on autopilot
weight 600 · letter-spacing -0.02em · line-height 1.05
Body · Plus Jakarta Sans Regular

Postify learns your brand once — voice, audience, references — then drafts and publishes a full week of content for you. You review, hit Publish.

weight 400 · line-height 1.6
Mono · Geist Mono
npm i @postify/sdk
labels · code · eyebrows · numerals
Editorial accent · Caveat
less work.
weight 500–700 · use sparingly

Mascot

Meet Posti — the Postify chameleon. Posti adapts to any brand, the way Postify adapts your content to any platform. Use the official renders only; don't recolour, redraw, or generate new poses.

Posti, the Postify chameleon mascot
Posti · the Postify chameleon
  • Always wears the lime "p" tee.
  • Keep generous clear space; let Posti breathe.
  • Pair with the lime glow on dark backgrounds.
Download Posti

Usage rules

Do
  • Use the wordmark over a solid colour with clear space around it.
  • Lead with the lime accent — let it be the single loudest colour on screen.
  • Keep the icon mark square at minimum 24×24 px.
  • Use Caveat sparingly — a single 1–3 word accent per screen.
Don't
  • Rotate, stretch, or skew the wordmark.
  • Apply gradients, drop shadows, or outlines to the logo.
  • Recolour the logo or Posti outside this palette without written permission.
  • Place the wordmark on busy or low-contrast imagery.

Downloads

Grab individual assets below. For a zipped press kit or extended brand questions, email [email protected].

Wordmark — green
Full Postify wordmark: green speech-bubble mark + "postify" type. Works on light and dark. SVG, vector.
Download
Wordmark — white (for dark backgrounds)
Single-colour white wordmark for use over photography or the brand lime. SVG, vector.
Download
Icon — lime
Speech-bubble + "p" mark in brand lime. Favicons, app icons, social avatars.
Download
Icon — white
White speech-bubble + "p" mark for dark surfaces. SVG, vector.
Download
App icon (PNG)
512×512 raster for app stores and social profile photos.
Download