Cold Coast — Design System
A palette scheme inspired by Neskowin Provisions, a coastal general store on the Oregon coast: cream backgrounds, deep navy ink, a hand-signage display face for headlines, and bordered outline buttons.
Use the wave icon in the header to cycle to this theme — light → dark → Cold Coast. This page exercises every component the theme touches, so you can review it end to end before it goes live.
Color palette
Typography
Heading 1 — Boogaloo display
Heading 2 — uppercase tracked
Heading 3
Heading 4
Body copy sets in Inter at 16px/1.7. This paragraph exists to check line length, link color, and general reading comfort against the cream background: an example link sits inline with regular text, inline code sits inline too, and emphasis / strong should stay legible.
Unordered
- Unordered list item one
- Unordered list item two
- Nested item
- Another nested item
- Unordered list item three
Ordered
- Ordered list item one
- Ordered list item two
- Ordered list item three
A blockquote, styled with the navy rule — good for pull quotes or callouts lifted from a source.
Buttons
Tables
| Item | Price | Notes |
|---|---|---|
| Espresso | $3.50 | Daily 8am–9pm |
| Sandwich | $12.00 | Made to order |
| Trail mix | $6.00 | Bulk bin |
Code
Inline: const scheme = "cold-coast"
def brew(order: str) -> str:
"""Return a ticket for the café counter."""
return f"one {order}, coming up"
Admonitions
Note
Standard note admonition — navy accent bar, cream fill.
Tip
Tip admonition for supplementary guidance.
Warning
Warning admonition for things that need attention.
Danger
Danger admonition for destructive or high-risk actions.
Example
Example admonition, useful for showing sample usage.
Collapsible note (click to expand)
Content that's collapsed by default, using pymdownx.details.
Tabs
Espresso, drip, and cold brew — served 8am to 9pm daily.
Bulk goods, gourmet cheese, wine, and beer for the cooler.
Fresh-baked daily; ask at the counter for today's batch.