Style Guide

NearCircle design tokens, synced from iOS.

Brand palette

iOS Core/Branding/ColorPalette.swift

nc-blue

#1F5CDE

nc-purple

#7038DE

nc-pink

#DE388C

nc-teal

#00D1A6

nc-orange

#FF8C00

nc-green

#33C759

Semantic tokens

iOS Core/Theme/AppTheme.swift · NCColors

primary

#1F5CDE

secondary

#6B52ED

accent

#00D1A6

warning

#FF9500

danger

#FF3B30

Neutrals (theme-adaptive)

Swap values by toggling theme above.

background

foreground

card

muted

muted-foreground

border

Gradients

nc-gradient (blue → purple)

nc-gradient-vibrant (blue → purple → pink)

Typography

Display · 6xl

text-6xl font-bold nc-gradient-text-vibrant

Heading · 4xl

text-4xl font-bold

Subheading · 2xl

text-2xl font-semibold

Body · base · The privacy-first family location tracker.

text-base

Small · muted · End-to-end encrypted.

text-sm text-muted-foreground

Mono · Inter Variable fallback stack

font-mono