Brand kit & design system
The colors, type, logo, and components behind Ocean Blue Corporation — the single source of truth for a consistent brand.
Logo
Primary wordmark. Keep clear space around it and don't recolor or distort.
Color
One decisive Ocean-Blue accent, a cyan secondary, deep navy darks, and a single cool slate neutral family. Click any value to copy.
Brand — Ocean Blue
Cobalt
Primary accent — buttons, links, active states
Cobalt 600
Hover / gradient depth
Cobalt 100
Tints, chips, soft fills
Accent
Cyan
Secondary accent
Cyan 400
Accents on dark surfaces
Indigo
Tertiary / data viz
Dark surfaces
Ink
Deepest — hero / CTA
Navy
Feature bands
Navy 2
Raised dark surface
Neutrals
Text
Headings / body
Text muted
Secondary text
Line
Hairlines / borders
Surface
Section backgrounds
Canvas
Base / cards
Typography
Geist Sans across display and body; Geist Mono for code and labels. Tight tracking on large display, relaxed line height on body.
Ambitious enterprises.
Section headline
Subsection heading
Card title
Body copy sets the reading rhythm at a relaxed line height for clarity.
Captions, metadata, and labels.
Components
Core interactive elements — buttons, chips, and cards use the rounded, cobalt-accented language sitewide.
Buttons
Chips & radius