Artisan Studios — Brand Kit

Bold + clean, with soft sky and warm highlights.

This page is just a sandbox for the palette: sky as the “friendly” brand color, navy/charcoal for structure, wine for intent, and warm for sparkle.

See work Try the toggle in the top-right.

Quick palette check

These swatches are your base set.

Sky#A7C7E7

Navy#0B132B

Charcoal#1F2430

Paper#F6F7FB

Wine#912F40

Warm#E7E7A7

Flip rule: light mode uses navy as structure; dark mode uses sky as structure.

Typography

Three-font system: Source Sans 3 for most UI, Fraunces for editorial charm, and IBM Plex Mono for technical clarity.

Fraunces is seasoning (10–15%), not the meal

Primary / System

--font-sans

Build bold, clean pages with clear structure.

Use this for headings, body copy, navigation, buttons, forms, services, FAQ, and case studies.

Primary button Secondary Weights: 400 / 600 / 700

Accent / Editorial

--font-serif

“A little charm goes a long way — keep it short, intentional, and on purpose.”

Great for pull quotes, testimonials, and 1–2 sentence section intros. Avoid long paragraphs.

Utility / Technical

--font-mono

Use for IDs, timestamps, pricing tables, specs, and tiny labels.

STATUS: OK
VERSION: v0.1
PATH: /logos/artisan-studios__wordmark__dark__2048w.webp

Type hierarchy (simple)

H1: Sans 700 (or 600 for softer)
H2/H3: Sans 600
Body: Sans 400
Buttons: Sans 600
Quotes: Fraunces 400–600
Data: Plex Mono 400–500

Rules of thumb

Prefer weight changes over switching fonts.
Keep mono for “data-ish” things, not general copy.
If a page feels too serious, add a short Fraunces line — then stop.

Where this shows up

Nav + UI: Source Sans 3
Testimonials: Fraunces
Pricing/spec tables: IBM Plex Mono

Example content card

Use this as a stand-in for “project highlights” or a homepage section. Notice how the wine accent works best as a line / small highlight, not a full fill.

01 Landing pages 02 Booking flows 03 Brand refresh 04 Fast hosting

Tiny “stats” row

0.38s TTI vibes

Local + high-touch

Clean + bold

Get a quote Read more