Fictional example made for the AI Brain Kit

Design system

Bright Harbor Consulting. Every color, type style and component on one page. Built from the visual system, ready to load into a design tool.

Color

About 60% Fog and White, 30% Navy, 8% Teal, 2% Amber.

Harbor Navy#0E2A47
Primary --color-navy
Tide Teal#1F8A8A
Accent --color-teal
Lighthouse Amber#F2A541
Highlight --color-amber
Fog#EEF3F7
Background --color-fog
Ink#15202B
Text --color-ink
White#FFFFFF
Surface --color-white

Type

Serif for headings, sans for everything else. Fonts already on every device.

Display · serif 48

One process, fixed properly.

Heading 1 · serif 36

You know the price before you say yes.

Heading 2 · serif 26

How it works

Body · sans 17

You send one email. Within two business days you have a written plan and a fixed price. Then we fix it together in four weeks.

Small · sans 14

Monday to Friday, 8 a.m. to 6 p.m.

Buttons

One primary button per page.

On Navy

The primary action turns Amber so it still stands out.

Request a process review

Tags

One Amber tag per page marks the most important thing.

Fixed price4 weeksSchedulingInvoicing

Cards and quote

Step 2

You get a plan and a price

Within two business days: what I will change, what I need from you, and one fixed price.

"We paid for a report and nothing changed."Illustrative, not a quote from a real client.

Form

Send

Table

Example prices. Fictional business.

ServiceLengthPrice
Process review2 business days$0
Four-week process fix4 weeks$4,000
Follow-up day1 day$800

Social tile and spacing

Fix one thing properly. Then fix the next one.

Spacing scale · 4 px base

4 · 8 · 12 · 16 · 24 · 32 · 48 · 72. Corners: cards 14 px, buttons 10 px.