This design system draws inspiration from the craft of letterpress printing, where each character is pressed into paper with deliberate force. The result is a tactile, warm aesthetic that honors the tradition of the printed word.

§

Debossed Type

Text appears pressed into the surface, creating depth through shadow and highlight.

Craft Paper

Warm kraft and cream tones evoke handmade paper and artisanal printing.

Ink & Shadow

Deep browns and blacks suggest fresh ink, with subtle bleed effects.

Section I

Typography

Elegant serif typefaces honor the tradition of fine printing. Playfair Display commands attention in headlines, while Lora and EB Garamond provide comfortable reading for body text.

Playfair Display // Headlines

CRAFTED TYPE

The Art of Impression

Used for major headlines and display text. The high contrast and distinctive details create a sophisticated, editorial presence.

Heading Hierarchy

Heading Level One

Heading Level Two

Heading Level Three

Heading Level Four

Heading Level Five
Heading Level Six
Body Text // Lora & EB Garamond

The quick brown fox jumps over the lazy dog. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.

"Good typography is invisible. Bad typography is everywhere."

EB Garamond provides an elegant alternative for extended reading. ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

"The details are not the details. They make the design." Charles Eames

Type Scale

Element Font Size Weight Sample
Display Playfair Display 3rem 800 DISPLAY
H1 Playfair Display 2.5rem 700 Heading One
H2 Playfair Display 2rem 700 Heading Two
H3 Playfair Display 1.5rem 700 Heading Three
Body Lora 1rem 400 Body text sample
Lead EB Garamond 1.25rem 400 italic Lead paragraph
Small Lora 0.875rem 400 Small text
Section II

Color Palette

Warm, earthy tones drawn from craft paper, aged parchment, and printer's ink. These colors create a tactile, handmade feeling that honors traditional printing.

Paper Tones

Cream #F5ECD7
Parchment #F9F3E3
Cream Dark #E8DCC6
Aged Paper #EDE4D0

Kraft Tones

Kraft Light #C4A76C
Kraft Mid #A68B5B
Kraft Dark #8B7355

Ink Colors

Ink Black #1C1814
Ink Dark #2A2520
Ink Brown #3D3229
Ink Sepia #5C4B3A
Ink Warm #6B5744

Warm Browns

Walnut #5D4037
Leather #6D4C41
Copper #8B5A2B
Terracotta #A0522D

Accent Colors

Deep Red #8B0000
Burgundy #722F37
Forest #2D4A3E
Navy #1C2841
Gold #B8860B
Section III

Buttons

Buttons with debossed shadows suggest physical stamps and printing blocks. The pressed effect creates a tactile interaction that feels substantial.

Button Variants

Button Sizes

Block Button

Usage Notes

Primary buttons for main actions. Secondary for supporting actions. Ghost buttons for tertiary options. Accent for special emphasis.

Section IV

Cards

Content containers styled like pages from a printed book or broadsheet. Ornamental corners and subtle shadows add depth and elegance.

Standard Card

Default card styling with cream background and ink borders. Use for general content containers.

Kraft Card

Kraft paper texture for a more rustic, handmade appearance.

Dark Card

Reversed color scheme for emphasis or contrast sections.

Featured Article

"The art of printing has always been an art of the finest details."

From Gutenberg to the present day, the printed word has shaped civilization. Every press, every plate, every carefully set line of type represents a commitment to communication and craft.

*
Typography History
Type Specimen

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

The quick brown fox jumps over the lazy dog.

Section V

Form Elements

Input fields with debossed shadows suggest letterpress impressions. Clean, functional design that maintains the tactile aesthetic.

As it should appear in print
Print Options
Paper Selection

Toggle Switches

Enable debossed effect
Show ink bleed
Please enter a number between 1 and 500
Section VI

Tables

Data tables styled like ledger books and price lists from traditional print shops. Clean lines and careful spacing honor the printer's craft.

Type Style Designer Year Classification Price
Garamond Claude Garamond 1530 Old Style $45.00
Caslon William Caslon 1722 Old Style $52.00
Baskerville John Baskerville 1757 Transitional $48.00
Bodoni Giambattista Bodoni 1798 Modern $55.00
Clarendon Robert Besley 1845 Slab Serif $42.00
Complete Collection $242.00
Section VII

Alerts & Badges

Notifications and status indicators styled with traditional printing colors. Clear communication with an elegant, understated approach.

Alert Messages

Information

Your manuscript has been received and is awaiting review by our editorial team.

Success

Your print order has been approved and sent to the press. Expect delivery within 5-7 business days.

Caution

Paper stock for your selected grade is running low. Consider an alternative or place your order soon.

Error

The uploaded file exceeds our maximum size limit. Please compress your images and try again.

Badges

New Release In Stock Limited Edition Sold Out Featured

Badges in Context

The Printer's Handbook

A comprehensive guide to letterpress printing

Bestseller

This authoritative volume covers everything from type selection to ink mixing, paper grades to binding techniques. Essential reading for any serious printer.