domains / families / design / terracotta

terracotta

separate

A sun-baked, clay-toned editorial interface built on warm cream surfaces, ink-brown headlines set in a display serif, and a single terracotta accent.

When to use

• design-system guideline authoring
• terracotta interface guidance
• editorial layout design
• long-form reading interfaces
• blog and storytelling layouts
• component anatomy and states
• accessibility acceptance criteria
• QA checklist generation

When not to use

• low contrast text
• inconsistent spacing rhythm
• ambiguous labels
• novelty over accessibility

Skill page

Source