Skip to content
N
Brand Kit
Locked — Lapis
Active palette

Lapis

Confident, full-saturation true-blue. The locked Nairon brand.

Bright#1378E6
CTA / loud card
Mid#4A9CFF
Icons / links
Deep#091F40
Navy card / ink
Component preview — swap palettes above to compare
Hero1/5

Transform your enterprise with AI employees

Custom AI employees tailored to your business that automate entire departments from the inside, end to end. No generalized software that only does half the job. No 18-month timelines or migrations required.

Color

Neutral surface ladder, text scale, and semantic colors — pulled from Hive. These stay constant across palettes; only the three blues move.

Surfaces
#F1F1F1
ds-shell
#FBFBFB
ds-surface
#FFFFFF
ds-surface-raised
#F4F4F4
ds-surface-hover
Text
#14171F
ds-text-primary
#5B6170
ds-text-secondary
#8A90A0
ds-text-tertiary
#505868
ds-icon
Semantic
#1F8552
ds-success
#E5A823
ds-warning
#D43838
ds-error
active
brand-blue

Typography

Geist for everything. Two weights only — Regular (400) and Medium (500). Hierarchy comes from size and color, never from bold.

Page hero title
Display48px / 500
Section title
Title32px / 500
Card heading
Heading20px / 500
Body copy carries the paragraph text across the marketing site.
Body15px / 400
Interface label
Label13px / 500
Eyebrow / overline
Overline11px / 500
const token = "#1E50FF";
Mono13px / mono

Iconography

Heroicons (outline), 1.5px stroke — same set the Hive product uses. Icons take the mid blue or a neutral, never the loud bright blue.

Buttons

Ported from the Hive button atom (shadcn + cva). One 3D dark primary, a brand-blue CTA tied to the active palette, and quiet secondaries.

Nairon Brand Kit — pick a palette, feel the component, then we lock the three blues and roll the rest of the site behind it.