MozaikaProduct

Cartesia — design system & UI screens

AI · 1 screen · 10 sections · https://cartesia.ai/

Editorial voice-AI landing; a deep-green product panel announcing real-time speech and transcription models, then a serif 'Architecting AI that learns and interacts like humans' manifesto.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/website/cartesia.

Decoded design system

Cartesia's decoded design system: background #F9F9F8, text #1E1C1A, accent #004E23, link #004E23, primary #004E23; type scale h1 36px / h2 24px / body 48px; 4px spacing base; 4px base radius. The single interactive/action color is #004E23 — used only on interactive or must-notice elements (buttons, links, key highlights), never on large fills.

Color roles

RoleValue
bg#F9F9F8
surface#EBEBEA
border#D8D7D6
text#1E1C1A
text_muted#716F6E
primary#004E23
accent#004E23
link#004E23
button_bg#004E23
button_text#FEFEFE

Using these colors

Typography

Spacing

Radii

Full design system, per-section tokens & DESIGN.md / Tailwind / CSS exports →

Pages

Sections (10)