Mockup preview
See your palette on a mobile app, website, and business card. Before you commit.
App. Website. Business card.
Mobile app
Status bar, navigation, cards, FAB. See how your roles map to real UI patterns. Accent on the FAB. Ink on the text. Background on the canvas.
Website
Header, hero section, cards, footer. Your palette rendered as a landing page. Support on secondary sections. Neutral on borders and dividers.
Business card
Front and back. Your palette in print context. See whether your Ink works on your Background at small scale. Typography and color, together.
Change a color. See it everywhere.
Change any color in your palette and all three mockups update instantly. Lock a color, randomize the rest, see how it looks. Iterate visually, not abstractly.
No regenerating. No waiting. No "apply" button. The mockups are live-bound to your palette state. Every adjustment is immediate. This is how you find the right palette -- by seeing it work in context, not by staring at five squares.
Every region is mapped
Each mockup region is mapped to a specific role. You see exactly how your system works in practice. Not theory. Not a style guide. Working UI.