Skip to main content
Design is the part of Prototype where you define your app’s design system: the colors, typography, spacing, motion, and surface details that every generated screen uses. Everything here is global. Change a value once and it updates across all of your screens at the same time.

​
What’s in Design

Theme

Pick a complete, pre-built visual direction, or generate new alternatives.

Branding

Upload your logo, icon, and favicon for light and dark mode.

Feel

Set density and motion — how tightly things are packed and how they move.

Read

Choose a typographic personality that maps to font families and sizes.

Color

Set your primary color and neutral tone. Archie generates the rest of the palette.

Polish

Corners, shadows, and icon stroke — the surface character of every element.

Components

A live gallery that shows your design values working together on real UI.

​
How the sections work together

Theme sets everything at once. A theme is a complete package — palette, typography, motion, and density — that Archie has already put together. Picking one sets the starting values for every other section. Branding, Feel, Read, Color, and Polish fine-tune. Each one adjusts a single part of the design system. Use them when the theme is close but not exact. Your changes adjust the values directly; they don’t create a new theme. Components shows the result. There is nothing to configure on the Components page. It renders buttons, forms, cards, alerts, and badges with your current values so you can catch problems before you look at full screens.

​
A good order to work in

  1. Pick the theme closest to what you want.
  2. Upload your logo and favicon in Branding.
  3. Adjust Feel, Read, Color, or Polish only where the theme isn’t right.
  4. Open Components to check that everything holds together.
  5. Review your full generated screens in Screens.

​
FAQ

Switching themes resets Branding, Feel, Read, Color, and Polish to the new theme’s defaults, and your manual adjustments are overwritten. Choose your theme first, then fine-tune.
No. A theme gives you a complete set of values on its own. The other sections are there for when you want to change something specific.
Yes. When you build, the values you set here become the starting point for the frontend’s theming system. You can keep refining them there with the visual editor, chat, or code.