Brandkit
noct's logo, mark and app icon, for writing about noct or linking to it.
Everything here is free to use for writing about noct, linking to it or showing it in your own work. Download the whole kit at once: noct-logo-files.zip.
Wordmark
"noct", its o a crescent moon, in silver with a soft glow. Use it wherever noct is named on its own: a header, a slide, a partner page.
| On a dark ground | On a light ground |
|---|---|
| SVG · PNG, 2000px wide | SVG · PNG, 2000px wide |
Mark
The moon alone, for where the wordmark won't fit: a small button, beside another logo.
| On a dark ground | On a light ground |
|---|---|
| SVG · PNG, 1024px | SVG |
App icon
The mark on Night, with a faint halo and a lit floor: noct's icon on a phone, its avatar on X, and its favicon.
- SVG · PNG, 1024px
- Avatar, square for X and other profiles: PNG, 400px
- Favicons: SVG · ICO · 16px · 32px · 48px · 180px, full bleed · 192px · 512px
Colours
| Hex | Where | |
|---|---|---|
| Night | #0D0F16 | The ground every screen of noct sits on, and the app icon's |
| Silver | #9598A3 → #D8DAE2 → #F4F5F9 | The logo on dark, left to right |
| Black | #000000 | The logo on light |
| Indigo | #7885F8 | noct's one accent: links, the current page, your own marks on a chart |
noct's type is Geist. The wordmark is drawn, not typed, so use the files rather than setting "noct" in a font.
Using it
- Silver on dark grounds, black on light ones.
- Give it room: at least half its height clear on every side.
- Don't stretch it, rotate it, recolour it, outline it, add effects of your own, or rebuild it in another font.
- Write the name in lowercase: noct.