The official Sera brand kit.
Wordmark, mark, and tile in three colors — black, white, and Sera green. SVG for vector use, PNG for raster. Bundled as a single ZIP, with a one-page style guide.
The full sera.cx wordmark.
Three single-fill variants. Use the one that contrasts best with the surface.
The "S" mark, on its own.
Standalone glyph on a transparent background — for app icons, avatars, and tight spaces.
The favicon tile.
The mark on a rounded square. The standard sera green tile is the canonical favicon.
The Sera type system.
Two families do all the work — IBM Plex (Sans + Mono) for everything functional, Instrument Serif for italic emphasis only.
The brand palette.
Brand primaries up top — Sera green and the pure pair (black + white) used in wordmark variants. Below: the system tokens that drive surfaces, text tiers, and rules across the site.
Green is the field, not an accent.
The house style for numbers — a vibrant Sera-green field, near-black data cards, white monospaced figures. Use it for anything that shows Sera's numbers to the outside world: social cards, launch graphics, metric screenshots. The moment a layout becomes cream paper with black text and a little green trim, it stops looking like Sera.
Illustrative composition. This on-page demo renders in IBM Plex Mono; the spec calls for Chivo Mono.
Palette — greens first, near-black to hold the data
Type — grotesk for words, monospace for numbers
Instrument Serif is the pull-quote face on the paper surface — it never appears on a Green Field stat card.
- +Let the green own the background — full bleed, edge to edge.
- +Float near-black cards on the green; put white numbers inside.
- +Keep every figure, ticker and label in Chivo Mono.
- +One mono number per card; two supporting stats at most.
- +Pin a slim footer bar to each card for rhythm.
- +Lock a single-colour wordmark to the footer.
- ×Put data on cream / paper with black text — the generic AI-tool look.
- ×Demote green to a thin accent or border.
- ×Set numbers in the body sans instead of mono.
- ×Introduce blues, purples, or off-brand gradients.
- ×Crowd a card with three-plus stats or a paragraph.
- ×Use the two-tone logo on green, or a serif on a stat card.
Need something not covered here — a co-marketing lockup, a custom export size, or a different file format? Reach out via the contact form and we'll get you sorted.