Company

Brandbook

Lockups, raster icons, colour tokens, and the Figtree type ramp used across this site. Favour the shared design tokens in the project theme over one-off hex so surfaces stay aligned with product.

Logos

Default: full-colour on cream. On primary navy or dark photography, use the reversed (white) lockup. Files live in the site root: logo-blue.png and logo-white.png, same as the site header and footer.

Neojn wordmark, full colour on light background
Full colour on --color-cream
Neojn wordmark, reversed for dark backgrounds
Reversed on --color-primary

Colours

Core market-facing palette from the same tokens as the UI. Pair primary navy with cream surfaces; use secondary for emphasis and CTA details.

Primary

--color-primary #0a0838

Primary soft

--color-primary-soft #12104a

Secondary

--color-secondary #5f0229

Secondary soft

--color-secondary-soft #7a0d38

Solutions shell

--color-solutions-shell #2e1f52

Cream

--color-cream #f9f6f0

Cream deep

--color-cream-deep #f0ebe1

Ink

--color-ink #1a1628

On primary

--color-on-primary #f9f6f0

Mud

--color-mud #c4b8a8

Pattern ink

--color-pattern-ink #29251d

Typography

Body and headings use Figtree from next/font with the variable --font-sans in app/layout.tsx. Weights 400, 500, 600, 700, and 800 are included. For spacing and sizes, use the --text-* and --font-weight-* scale from the theme, not ad-hoc pixel values.

800 / 6xl sample

Neojn

700 / 2xl sample

Section titles and long-form subheads

400, 500, 600 / body

400. Enterprise delivery copy stays readable in long pages.

500. Slightly stronger for form labels and supporting lines.

600. Emphasis in lists and key sentences without a full bold.

Icons

Browser tab, installable app, and iOS home-screen assets ship from the public folder. Keep square PNGs and the touch icon aligned with the latest wordmark in brand updates.

Favicon
favicon.ico

PWA 192
icon-192.png

PWA 512
icon-512.png

Apple touch
apple-touch-icon.png