The mark

A true Greek kappa — GFS Neohellenic Bold (Kosmos is a Greek word) — with one four-point sparkle nestled in the pocket between its arm and leg. Two cuts, chosen by ground: the badge on its night tile, at every size (it is the favicon), and the badgeless mark, whose sparkle is larger and set further out.

badge — 16px and up, favicon

badgeless — nav, landing

Clear space

The tiled badge carries its own ground; give it at least one sparkle ray (centre to tip, ≈14% of the mark's height) of empty space on every side. The inline and themed cuts are flush to the ink by design — the app supplies the padding in CSS.

Minimum size

16px. At favicon size the sparkle reads as a small plus beside the letter; that holds.

Colour

The mark is monochrome: white on the night tile, ink on light, starlight on dark. For theme-following surfaces, inline the inline cuts and set CSS color — they follow. Aurora is the palette's accent, never a flat mark colour. The one place it meets the mark is the brand gradient: the gradient cuts lead with the link ink and run out into an aurora hue, purple by day and yellow after dark, as the app's wordmark, mark and favicon do.

ink on paper

starlight on night

white on the night tile

the brand gradient

Don't

• Stretch, rotate, or recolour the mark outside the palette.
• Add stars, or move or resize the sparkle — its seat in the pocket is fixed.
• Draw the mark below 16px.
• Set the wordmark in another face — it's GFS Neohellenic Bold, the mark's own.
• Load the inline cuts through <img> where they must follow the theme — currentColor only cascades to inline SVG.