MozaikaProduct

Photoroom — design system & UI screens

Design · 1 screen · 11 sections · https://www.photoroom.com/

E-commerce product-visual AI landing; vivid model and product shots, an optimize-this-shirt analysis card, and a marketplaces logo wall (Depop, Mercari, Doordash, Rappi). Violet accent.

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/photoroom.

Decoded design system

Photoroom's decoded design system: background #F5F4F0, text #1A1A1A, accent #492FFB, link #155DFC, primary #492FFB; type scale h1 72px / h2 42px / body 17px; 4px spacing base; 10px base radius. The single interactive/action color is #492FFB — used only on interactive or must-notice elements (buttons, links, key highlights), never on large fills.

Color roles

RoleValue
bg#F5F4F0
surface#E7E6E3
border#D4D3CF
text#1A1A1A
text_muted#6D6C6B
primary#492FFB
accent#492FFB
link#155DFC
secondary#6A7282
button_bg#492FFB
button_text#FFFFFF

Using these colors

Typography

Spacing

Radii

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

Pages

Sections (11)