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.
Enterprises & agencies.
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