Design system
Harbor by Signalry. The hotels-only marketplace for work that must get done.
How and who for the hotel job—verified when attested.
Mark and wordmark
Cove and quay. Line only. 1.6-weight kin to the icon set. One seal, one wordmark. Never in a purple square. Never inside a pill. Legal line is Harbor by Signalry — the mark stays Harbor.
Voice
Calm, specific, high integrity. Short sentences. Concrete nouns. No hype.
Speak like a GM at 6 a.m., not a SaaS landing page.
- Name the job, the desk, and the proof — in that order.
- Prefer hotel language: keys, folio, night audit, GOP, rush room.
- Label every claim. If it cannot be labeled, it does not ship.
- Never invent a metric or a hotel price. Resolve by JTBD slug.
- Demo software is a category shape, not a brand partnership.
- Hotels only. No hospitality grab-bag.
- Original diagrams. No stock photo of a real hotel as a Harbor asset.
Do
- · Lead with how, then who, then proof.
- · Use advice / claimed / verified exactly; never mix them.
- · Write in the present tense of the floor.
- · Keep color to stone, ink, brass, and sea.
- · Leave room. Luxury is restraint.
Don’t
- · No purple SaaS, neon gradients, or stock hospitality smiles.
- · No unlock, supercharge, seamless, all-in-one, AI-powered, world-class, or exceptional.
- · No pay-to-rank language, invented metrics, or unlabeled numbers.
- · No restaurants, venues, or broad hospitality grab-bags.
- · No dark mode as the default surface.
- · No unqualified Harbor in SEO titles — CNCF Harbor (goharbor.io) is a container registry.
Locked lines
Do not paraphrase these
- spoken
- How and who for the hotel job—verified when attested.
- manifesto
- Know how. Then know who. Then see proof.
- kicker
- How and who
- positioning
- The hotels-only marketplace for work that must get done.
- seoDefault
- Harbor by Signalry — hotel jobs-to-be-done
- collision
- Not the CNCF Harbor container registry (goharbor.io).
- desk
- The hotel. The file. Then the number.
- vo
- Not a policy. A packet.
Voice examples
Hype out. Desk in.
Don’t
Unlock seamless hotel ops with AI-powered insights.
Do
Name the job. Then the how. Then who can sit it.
Don’t
World-class explainers. Exceptional and honest.
Do
Explainers, a labeled estimate, a public tape. Never a confidential price dressed as fact.
Don’t
Supercharge your NOI with an all-in-one platform.
Do
Rebuild the T12 from the PMS. If you cannot, you have a CIM, not NOI.
Don’t
Best-in-class valuation engine.
Do
A labeled worksheet: direct cap, price per key, a ±50 bps / ±10% ADR shock. Not an appraisal.
Diagrams
Original. Never a staged hotel.
How / who / proof, buy/sell triangulation, diligence lanes, trust rungs, score mix. SVG components. Wikimedia stills stay captioned when a real house appears.
Empty state
No match
Nothing matches that wording yet
Try night audit, rush room, or GOP — or open the catalog. Harbor will not invent a job.
Color
Stone, ink, brass, sea
Stone
paper · #f6f1e8
Page ground. Warm limestone.
Stone 2
paper-2 · #ebe3d4
Recessed panels, table heads.
Card
card · #fffdf8
Raised surfaces.
Ink
ink · #14110e
Primary type and dark chrome.
Ink soft
ink-soft · #3a342c
Body copy.
Muted
muted · #6f665c
Meta, captions, idle nav.
Line
line · #d6cbb8
Hairline rules and rings.
Sea
sea · #1a3d3f
Primary action. Harbor water.
Sea 2
sea-2 · #2a5558
Hover on sea.
Brass
brass · #b08948
Kickers, verified warmth, accent.
People
people · #9a4a32
Human providers. Terracotta.
Software
software · #2a4458
Systems. Sea navy.
Agent
agent · #3e4a42
Narrow agents. Olive slate — never purple.
Type
Fraunces on Geist
- Display 2xl · 4.5rem · text-display-2xl
- Home manifesto.
- Display xl · 3.5rem · text-display-xl
- Page titles on wide screens.
- Display lg · 2.5rem · text-display-lg
- Section titles.
- Display md · 2rem · text-display-md
- Card titles.
- Body lg · 1.125rem · text-lg
- Lede paragraphs.
- Body · 1rem · text-base
- UI and briefs.
- Caption · 0.75rem · text-xs
- Meta, fees, caveats.
- Kicker · 0.6875rem · kicker
- Uppercase tracking labels.
Primitives
Buttons, badges, filters, table
| Elevation | Token | Use |
|---|---|---|
| Flat | elevate-0 | Page ground. |
| Card | elevate-1 | Default card ring + whisper shadow. |
| Lift | elevate-2 | Hover and focused search. |
| Overlay | elevate-3 | Menus, suggestions, dialogs. |
Icons: 0 0 24 24 · 1.6 stroke · Line icons only. No filled blobs. No 3D. CurrentColor always.