Terracotta

Terracotta is an editorial style that feels like reading by a warm window in late afternoon. It pairs a creamy paper ground with ink-brown serif typography and a single sun-fired clay accent, prioritizing comfort and calm over flash. Everything is tuned for long-form reading: generous line-height, a measured column width, and quiet contrast that never strains the eye. Reach for Terracotta when the words matter most, for essays, journals, artisan brands, and anything that wants to feel handmade and unhurried.

Design principles

• Reading comes first: every type decision serves comfort and rhythm over the full length of a page.
• Warmth throughout: no cold grays, no pure white, no harsh black; the whole palette is sun-baked.
• One accent only: clay terracotta carries all emphasis so the page never feels busy.
• Quiet structure: hairline borders and gentle surface shifts replace heavy dividers and boxes.
• Honor the serif: classic editorial typesetting with proper measure, leading, and pull quotes.
• Let whitespace do the work; the page should feel airy, not packed.

Color

The background is a warm cream #FAF3E7 that reads like uncoated paper. Surfaces step down to an oat #EFE2CC for cards, sidebars, and quoted blocks, separated by a soft #DCCBB0 border rather than a hard line. Text is ink-brown #3A2A1E, softer and warmer than black but still high-contrast for sustained reading. The clay terracotta accent #C0623C is the only saturated color in the system, used for links, category tags, rules under headlines, and the occasional drop cap. Muted text and metadata use a faded clay-gray #8A7560. In dark mode, shift to a deep roasted ground #241B14 with cream text #F0E6D6, keep terracotta near #D27A50 so it glows warmly, and use a dim #3A2D22 for surfaces.

Typography

Headlines use Fraunces, a soft modern serif with an old-style soul, at weights 500–700 for display and section titles. Body text is Source Serif 4 at 1.0625rem with a luxurious 1.7 line-height, set to a measure of roughly 60–72 characters for ideal readability. Metadata, captions, and labels can use small caps or +0.06em tracked uppercase in the muted clay-gray. Monospace is reserved for code or fine print in IBM Plex Mono. The first paragraph of an article may take a terracotta drop cap. The scale is editorial and confident: display clamps between 2.25rem and 3.75rem with clear, restrained steps.