Authority
Always speak from data and verified sources. Yachtpedia replaces speculation with evidence and quiet confidence.
YACHTPEDIABrand System v1.0
Official Brand Guide
Yachtpedia Brand Guide
The official identity system for superyacht intelligence.
Every Yachtpedia touchpoint must communicate precision, trust, and quiet maritime authority. The system is light-first, dark-native, data-rich, and premium without drifting into decorative luxury tropes.
YACHTPEDIA
Superyacht Intelligence
24m–180mFleet scope
Live AISRealtime signal layer
6,100+Indexed yachts
v1.0Brand release
Brand Principles
Four properties shape every surface.
Precision
Numbers are typeset with intent. Tabular figures, exact units, and tight spacing communicate engineering rigor.
Access
A premium subject deserves a calm, scannable interface. Surface the right datum at the right moment.
Clarity
Generous whitespace, restrained color, and a single accent direction at any moment. Decoration is forbidden.
The Yachtpedia Mark
Locked logo system.
The Yachtpedia icon and wordmark form the primary brand signature. The icon is a supplied asset and must remain unchanged. The wordmark is set in Manrope ExtraBold with tight negative tracking for a premium technology feel.
Primary App Icon
Used for navigation, profile marks, favicons, and primary digital touchpoints.
Primary Lockup
Icon plus wordmark — used in headers, product surfaces, and brand-forward communications.
Dark Surface Treatment
On Hull Navy or Abyssal Navy, the icon retains its white container — never invert or recolor the supplied mark.
Dark Lockup
Wordmark renders in Ice Blue (#DDF3FF) on Midnight Navy. Cyan-blue accents only on interactive elements adjacent to the mark.
✓Do
- Pair the icon with the locked Manrope wordmark in headers, product surfaces, and brand-forward moments.
- Maintain clear space equal to at least 25% of the icon width on every side of the lockup.
- Use the icon-only mark only when the wordmark already appears in the same surface (e.g. tab bars, app icons).
- Place the lockup on Sea Glass, Yacht White, Hull Navy, or a calm frosted container with at least 30% opacity.
×Don’t
- Do not regenerate, redraw, recolor, stretch, rotate, or apply filters to the supplied Yachtpedia mark.
- Do not place the wordmark on busy photography unless a white or frosted container provides quiet space.
- Do not pair the wordmark with display fonts other than Manrope ExtraBold.
- Do not introduce decorative gold, beige, green, or champagne palettes — Yachtpedia is sea blue, marina blue, cyan-blue, and navy.
Chromatic Architecture
Sea-blue authority, navy at night.
Yachtpedia is light-first but dark-native, built on one blue system. The light system reads as editorial, precise, and modern with sea-blue accents on white. Dark mode pivots to a deep nautical navy with luminous ocean-blue and cyan-blue glow for high-contrast visibility on bridge displays and after-hours sessions. No green, gold, or champagne.
Light Mode
Sea Glass
#F8FBFD
Primary light background and canvas surface.
Light Mode
Yacht White
#FFFFFF
Cards, header, elevated surfaces and panels.
Light Mode
Yacht Blue
#0B63CE
Primary actions, premium CTAs and deep trust.
Light Mode
Marina Blue
#1287E8
Interactive accents, links, data and active states.
Light Mode
Signal Blue
#18B4F8
Live signals, AIS pulses and glow highlights.
Light Mode
Harbor Navy
#0F172A
Primary text, headings and authority moments.
Light Mode
Steel Blue
#6F8CAA
Secondary text, captions and supporting metadata.
- Blue for action, data & trust. Marina Blue drives links, buttons, filters, metadata and trust pills.
- Navy for authority. Harbor Navy and Deep Ocean carry headings, dark canvases and premium CTA depth.
- Cyan-blue for active, live & glow. Signal Blue marks AIS pulses, live status, focus rings and luminous accents.
- Green only for rare status. A single semantic green is permitted for positive status confirmations — never as a brand accent.
Typography
Structured and unmistakably premium.
Manrope ExtraBold carries display moments — the locked wordmark, hero headlines, and high-confidence labels. Inter handles body, data tables, and dense product surfaces with tabular figures and careful tracking.
Display · Manrope ExtraBold800 / −0.05 em
Aa Yachtpedia
letter-spacing −0.05emline-height 1.0UPPERCASE wordmark
Body · Inter Regular400 / −0.005 em
An 84.6 m Lürssen tri-deck moored in Monaco — IMO 9876543, beam 14.2 m, gross tonnage 2,140. Built for owners who want their data quiet and exact.
tabular-numsline-height 1.615–17 px
| Role | Font | Size | Tracking | Usage |
|---|---|---|---|---|
| Display / Hero | Manrope ExtraBold | 64–96 px | −0.05 em | Page heroes and brand titles |
| Section title | Manrope ExtraBold | 32–48 px | −0.04 em | Section headlines, modal titles |
| Card title | Manrope ExtraBold | 18–22 px | −0.035 em | Cards, list items, navigation |
| Body copy | Inter Regular | 15–17 px | −0.005 em | Paragraphs, descriptions, table cells |
| Caption / eyebrow | Inter SemiBold | 11–13 px | +0.18 em UPPERCASE | Eyebrows, metadata, labels |
| Tabular data | Inter Tabular | 14–16 px | 0 | Specs, rates, AIS panels |
System Elements
Surfaces, photography, and voice.
The supporting language that surrounds the mark — calm panels, real imagery, and a voice that never speculates.
Surfaces
Glass panels use white or hull navy with sea-blue borders, 20px+ blur, and calm shadows. No drop-shadows greater than 24% black.
Photography
High-resolution real yacht imagery only. Mobile heroes use portrait crops, a clear text-safe zone, and consistent yacht placement on the right third.
Voice & tone
Authoritative but approachable. Data-led, precise, discreet. Never speculative. Premium is earned through restraint, not adornment.
Resources
Download the kit.
Logo files, color tokens, and typography references live in the brand vault. Request access from the Yachtpedia design team.
Yachtpedia primary mark
PNG, SVG, and favicon variants of the locked icon. Includes lockup with Manrope wordmark.
Download PNG
Token palette
Light and dark CSS variables, Tailwind config, and Figma styles for the full chromatic system.
Get tokensManrope + Inter
Variable font files plus the Yachtpedia weight, tracking, and size scales for product and editorial.
Open guide