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
Relied on by enterprises.
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
Icons
The custom Ocean Blue icon set, drawn on one grid: 24×24 box, 1.5 stroke, round caps, currentColor. Click any icon to copy its SVG.