The mark
A radial eight-point star of alternating long and short wedges. Perfectly centred on a 100-unit grid, tips reaching 2 → 98. One geometry drives every asset in this pack.
Logo system
Every lockup is outlined to vector paths — no fonts required. Pick a surface and a form; the correct colourway is chosen for you.
Colour
Lagoon is the signature. Ink carries the type. Click any swatch to copy its hex.
Usage
Clearspace, minimum sizes, and the misuse to avoid.
Clearspace
Keep a margin of X on all sides, where X equals the mark's half-height. Nothing intrudes into that field.
Minimum size
Full lockup down to 20px tall; the mark alone to 16px. Below that, use the mark.
16px24px40px64pxApp icons & favicons
The mark sits at a consistent 66% of every tile — squircle app icons plus the full favicon set and a multi-size .ico.
163248Typography
Space Grotesk throughout — the wordmark is set in SemiBold at −0.02em tracking, then outlined.
Space Grotesk
Wordmark · headings · UI. Space Mono for labels, code and metadata.
Downloads
Raster exports and the social card. Every source SVG lives in logo/.
Design system
The logo is the seed. The design system is the rest — colour scales, typography, buttons, form controls and components, in light and dark.
Open the design system →
Tokens, type scale, buttons, forms and components — with a drop-in tokens.css.