Skip to content
All skills
staqd.ai/previews/vintage
Open

Live demo — an original page built in the Vintage style. Open in new tab

Proretro

Vintage

A nostalgic system of classic typography, muted earthy palettes, and timeworn texture for interfaces with character and warmth.

Install via CLI

$ npx staqd add vintage

Requires Pro — after subscribing, run npx staqd login to authenticate.

Pro skill

from $12/mo

$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.

Coffee, craft, and artisan brandsStorytelling and portfolio sitesRestaurant menus and event invites

Inside this skill

Vintage wraps an interface in the warmth of something printed decades ago. Cream paper, faded ink, slab serifs, and a whisper of grain give it the patina of a well-loved book or a hand-set menu.

The feeling is nostalgic, crafted, and trustworthy — as if the design has history. Reach for Vintage when a brand wants to feel artisanal and human: coffee roasters, makers, storytellers, restaurants, and any product that benefits from character over chrome.

Design principles

  • Earn the patina. Subtle texture, muted ink, and aged paper signal age without ever looking dirty.
  • Classic type leads. Slab and old-style serifs carry the voice; ornament merely supports it.
  • Muted, earthy color. Nothing pure or neon — every hue is slightly faded and warm.
  • Printed-page structure. Double rules, drop caps, leader dots, and framed images echo print.
  • Warmth over precision. Soft edges and gentle shadow stand in for hard digital sharpness.
  • Restrained ornament. A flourish here and there, never a flood of decoration.

Color

The foundation is aged cream paper (#F2E8D5) with a deeper tan surface (#EADBC0) for cards and panels. Ink is a deep coffee brown (#3A2E24) rather than black, which softens the entire palette.

The primary accent is a burnt sienna / brick orange (#A8452C) for links, buttons, and emphasis. A faded olive green (#557153) serves as the secondary accent, while aged gold (#C9A24B) adds occasional richness for badges and ornament. Muted writing (#8A7C68) handles captions and metadata, borders sit at a soft #D8C5A4, and a very faint paper grain lies over the backgrounds.

Light mode is the home of this style: cream, coffee ink, and warm earth accents. Dark mode shifts to a deep walnut background (#241C16), #2E251D surfaces, warm parchment text (#E8DBC2), and #A89880 muted; warm the accent to #C8623F so it glows against the dark wood tone, and move borders to #3D3226.

Vintage is a Pro skill

Unlock the full Vintage spec — design tokens, component coverage, motion, and accessibility — plus the entire library of design skills and Pro prompts.

  • Every design skill, growing weekly
  • Full Pro prompt library
  • Commercial-use rights on skill output

$20/mo, or $12/mo billed yearly · 7-day money-back guarantee.

Use it with these prompts

Brand landing

Free

Build a brand landing hero in the Vintage style: a warm cream paper background with faint grain, a bold slab-serif headline in deep brown, an old-style serif subheadline, and a burnt-orange outlined button. Add a thin double-rule divider and a small ornamental flourish beneath the headline.

Menu card

Pro
Unlock this prompt with ProUpgrade

About page

Pro
Unlock this prompt with ProUpgrade