Brand guidelines

The Meridian identity system — color, type, voice, and usage rules that keep us sharp and consistent.

Color tokens

Violet

#8B5CF6

Primary accent — CTAs, links, focus rings

Pink

#F472B6

Secondary accent — gradients, highlights, badges

Dark

#0A0612

Background — full-bleed surfaces, cards

Never tint or shade these tokens manually. Use Tailwind opacity utilities when layering is needed.

Typography

Headings

Inter Bold

Tracking: -0.02em. Gradient on hero H1 only.

Body

Inter Regular · 16px / 1.6

text-gray-300 on dark, text-gray-700 on light surfaces.

Mono

JetBrains Mono · 14px

Code blocks, license keys, hex values.

Voice

Do

  • · Direct, technical, confident
  • · Active voice — “Meridian blocks” not “blocking is performed”
  • · Ship language — “deploy”, “resolve”, “verify”
  • · One idea per sentence

Don't

  • · Marketing fluff — “revolutionary”, “game-changer”
  • · Passive voice
  • · Jokes or memes in product copy
  • · Exclamation marks

Usage

Gradient: bg-gradient-to-r from-[#8B5CF6] to-[#F472B6] bg-clip-text text-transparent. Reserved for hero H1 and key metric numbers only.

Borders: border-white/10 on dark surfaces. Never use solid white borders.

Radius: rounded-xl (12px) for cards, rounded-lg (8px) for buttons and inputs.

Spacing: 24px vertical rhythm. Section gaps use space-y-20 (80px).