Offshore
A two-mode chart-table register: navigation-amber instruments and sea-blue rules across daylight chart paper and ocean midnight. Every page reads like a numbered chart or instrument log.
Version 1.1.0Meet Offshore
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Offshore is a two-mode instrument console: pale chart paper by day, near-black ocean midnight at night, sea-blue hairline rules that frame every panel like an instrument bezel, and a single navigation-amber reserved for the one action that matters.
- instrument-precise
- nocturnal
- seaworthy
- understated-warm
The palette
Color with intention
Light palette
#f4f8fb#10253a#a65408#dceaf5#e3edf4Dark palette
#050d1a#dce8f0#d47a1a#0e2240#0c1b2eThe typography
Find your voice in type
Headings
Make a little room for possibility.
"Palatino Linotype", Palatino, Georgia, serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Consolas, monospaceMade for
Who it speaks to
Maritime and marine-navigation software, offshore and expedition operations, outdoor/adventure and field platforms, and technical tools whose users work in the dark and need dense, legible, chart-grade information design.
The voice
How it sounds
Precise, calm, and instrument-plain. Offshore talks like a log entry or a chart annotation: numbered, terse, factual. It states the bearing and moves on. Confidence comes from accuracy, never from adjectives; the amber is spent on one decisive call, not scattered across the page.
Art direction
The thinking behind the look
Light mode uses pale chart paper (#f4f8fb), deep ocean ink (#10253a), sea-blue rules (#236b99), and navigation amber (#a65408). Dark mode uses ocean midnight (#050d1a), sea-spray text (#dce8f0), brighter sea-blue (#5ba4d4), and instrument amber (#d47a1a). Palatino headings, a system-sans body, and sharp 0.5rem housings keep both modes chart-grade; blue remains structure while amber marks action.