Golden HourDESIGN.md alpha

Golden Hour is for travel magazines, city guides, travel blogs and trip reports. It should read like a printed travel supplement at sunset: unhurried, elegant and warm. Big photography, long-form reading comfort and a few carefully placed warm accents. Fonts were chosen with full Latin Extended coverage, so Polish, Czech and other Central European diacritics (ą, ę, ł, ż, ř, ů) render correctly in every weight.

primary#1F2A44
secondary#96564C
tertiary#EFA35C
neutral#8A8578
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Typography

displayPlayfair Display · 56px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

headline-lgPlayfair Display · 40px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

headline-mdPlayfair Display · 28px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

headline-smPlayfair Display · 22px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

body-lgDM Sans · 18px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

body-mdDM Sans · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

body-smDM Sans · 14px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

label-lgDM Sans · 16px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

label-mdDM Sans · 13px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

label-smDM Sans · 12px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

statPlayfair Display · 32px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Corner Radius

0px
2px
4px
8px
9999px

Spacing

Base: 4px
4px
8px
8px
16px
24px
24px
40px
64px
96px
1200px

Golden Hour is for travel magazines, city guides, travel blogs and trip reports. It should read like a printed travel supplement at sunset: unhurried, elegant and warm. Big photography, long-form reading comfort and a few carefully placed warm accents. Fonts were chosen with full Latin Extended coverage, so Polish, Czech and other Central European diacritics (ą, ę, ł, ż, ř, ů) render correctly in every weight.

Components

Buttons

Inputs

Cards

Card Title

Sample body text for the card component.

Card Title

Sample body text for the card component.

Card Title

Sample body text for the card component.

Chips

defaultaccent

eyebrow

default

default

default

default

default

nav

default

badge-success

default

alert-error

default

Do's & Don'ts

Do

give photos space and let them run full width
keep body text at 18px and a 680px column for comfortable reading

Don't

add shadows or gradients; use rules and whitespace
use more than one apricot button per screen
Download .md

License CC-BY
Uploaded yesterday
Version v1
File size 7.4 KB
Downloads 5
Copies 0

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/stormcube/golden-hour and implement it in my code

Don't have the MCP? Install it here