This design system channels the warmth and craft of hand-painted signage -- the kind you see on old barbershops, fairground rides, general stores, and circus posters. Faded paint on weathered wood. Gold leaf catching the light. Bold lettering that was once laid down one careful brushstroke at a time.

★ ★ ★

Sign Painting

Bold display lettering with dimensional shadows, inspired by the American sign painting tradition.

Weathered Charm

Faded colors and aged textures that evoke decades of sun and rain on wooden signs.

★ AMERICANA ★

Star motifs, banner ribbons, and gold leaf accents drawn from the visual language of early American commerce.

Section 01

Color Palette

These are the colors of the sign painter's bench -- barn reds, deep navies, and olive greens faded by years of sun. Cream and mustard provide warmth, while gold leaf catches the light.

Primary Sign Colors

Barn Red #8B2F26
Navy #1E2D4A
Cream #F5E6C8
Olive #4A5D23
Mustard #C8962E
Black Paint #1A1612

Faded & Weathered Tones

Faded Red #A34E3F
Faded Navy #2E3F5C
Faded Olive #5E7335
Dusty Blue #6A7F8D
Sage #7A8B5E
Brick #964B33

Wood & Surface Tones

Parchment #FDF5E6
Aged White #F0E4CC
Wood Light #D4B88A
Wood Medium #A68B5B
Wood Dark #6B4F32
Charred Wood #3D2B1F

Gold Leaf & Accents

Gold Leaf #C9A84C
Bright Gold #E2C36B
Goldenrod #DAA520
Rust #8B4513
Section 02

Typography

Six typefaces serve distinct roles: Bungee Shade for monumental display, Bungee for bold sign lettering, Fredericka the Great for hand-painted charm, Playfair Display for elegant headings, Lora for body text, and Special Elite for stenciled captions.

Bungee Shade — Display / Marquee

Grand Opening

Reserved for hero titles and large-scale display. The dimensional shadow effect evokes vintage theater marquees and fairground rides.

Bungee — Sign Lettering

BARBER SHOP

GENERAL STORE

FINE GOODS & PROVISIONS

Bold, blocky lettering for headings, navigation, buttons, and labels. The workhorse of the sign painter's toolkit.

Fredericka the Great — Hand-Painted

Fresh Pies Daily

Established 1887

A hand-sketched quality that feels like chalk on a blackboard or paint on a barn wall. Use for decorative accents, quotes, and nostalgic flair.

Playfair Display — Headings

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
Lora — Body Text

The sign painter's craft stretches back centuries, from Roman inscriptions carved in stone to gold-leafed Victorian storefronts. Each letter is a small act of devotion, a brushstroke that carries meaning across the street to any passerby.

"A good sign says more about a place than any advertisement ever could."

Special Elite — Stencil / Caption

HAND PAINTED SIGNS • GOLD LEAF • WINDOW LETTERING

Shipping Crate No. 4827 — Fragile — This Side Up

Captions, metadata, and utilitarian text that feels stenciled onto wood or metal.

Type Scale Reference

Role Font Size Sample
Display Bungee Shade 3.5rem SIGNAGE
Sign Bungee 2.5rem OPEN
Painted Fredericka 2rem Welcome
Heading Playfair Display 1.5rem Heading
Body Lora 1rem Body text sample
Caption Special Elite 0.8rem Caption text
Section 03

Spacing

A consistent spacing scale built on a 4px base unit. Like the careful measurements a sign painter takes before laying down that first guideline.

XS — 4px
SM — 8px
MD — 16px
LG — 24px
XL — 32px
XXL — 48px
HUGE — 64px

Spacing in Context

XS Padding

4px -- Tight spacing for compact labels and inline elements.

MD Padding

16px -- Standard padding for content blocks and form fields.

XL Padding

32px -- Generous spacing for sections and featured areas.

Section 04

Buttons

Solid, substantial buttons that feel like painted wooden signs. Bold borders and drop shadows give them dimensional weight, as if carved from a plank.

Button Variants

Button Sizes

Disabled State

Block Button

Buttons with Badges

Section 05

Forms

Form fields recessed into the page like signs carved into wood. Heavy borders and inset shadows create a sense of depth and substance.

Name as it will appear on the sign
Finish Options
Background Material
Rush orders require a minimum 3-day lead time
Section 06

Cards & Panels

Content containers styled like wooden sign boards, shop placards, and framed announcements. Each variant evokes a different surface and mood.

Standard Card

The default container with cream background and heavy wood-dark borders. A clean placard.

Sign Card

Double-bordered with inset frame lines, like a proper wooden sign with a decorative edge.

Dark Card

Navy background with gold header text. Evokes a sophisticated storefront at night.

Wood Grain Card

Subtle wood grain texture underneath the content. Feels like reading a notice tacked to a pine board outside the general store.

Sale Featured

Today's Special

Cards without headers work well for featured content, menu items, or promotional callouts where the text itself is the star.

While supplies last

Sign Frame Panel

GRAND OPENING

Saturday, June the Fourteenth

Join us for refreshments, live music, and a ribbon-cutting ceremony. The first fifty visitors receive a complimentary gift.

Badges

Barn Red Navy Gold Olive Ghost
Section 07

Alerts & Notifications

Status messages styled like posted notices and official bulletins, each with a heavy border and clear visual hierarchy.

i Notice

Your custom sign order has been received. Our craftsmen will review your specifications and provide a detailed estimate within two business days.

Confirmed

Your sign has been completed and sealed with a weather-resistant finish. It is ready for pickup at the workshop or can be delivered this week.

! Caution

The mahogany plank you selected is currently on backorder. We can substitute with reclaimed oak at the same price, or you may wait an additional 10 days.

Error

The uploaded artwork file is corrupted and cannot be used as a reference. Please provide a new image in JPEG or PNG format and resubmit your order.

★ ★ ★

Alerts in Cards

Order Status Dashboard
i In Progress

Order #1887 -- "Sullivan's Hardware" fascia sign is being lettered.

Complete

Order #1886 -- "The Old Bookshop" hanging sign has shipped.