Request early accessEarly access

BUILD

Design choices before the first build

Before the first build, Atomic offers a few optional choices about how your app should look.

Build · 2 min read

Before the first build

When you start an app from a description, Atomic shows a short Before we build step in the preview before it writes anything. Every choice is optional. Skip and build starts the build straight away at any step.

The Before we build step showing the app's description, three steps named Colors, Type and Layout, and six color palettes: Ocean, Forest, Sunset, Grape, Graphite and Midnight.
Pick colors, a typeface pairing and a layout, or skip straight to building.

Questions about your app

Atomic may first ask a few questions about the app, written for what you described, and suggest color palettes that suit it. Answer the ones that matter to you and leave the rest.

Colors, type and layout

  1. Colors: pick a palette, such as Ocean, Forest or Midnight, or leave it to Atomic.
  2. Type: pick a typeface pairing, from modern and geometric to editorial, friendly or technical.
  3. Layout: a sidebar app, top navigation, a landing page, or a list-and-detail layout.
The Type step of Before we build, offering five typeface pairings from modern to technical, with Back, Next and Skip and build.
The second step: a typeface pairing.

Use Back and Next to move between steps, and Start building on the last one. The colors and type you pick replace the starting design’s. You can change all of them later, on the canvas’s Tweaks panel or by asking.

If you leave before building

Atomic starts preparing the app’s workspace while you choose, so the build begins sooner. If you leave without building, that preparation is stopped. Your choices are kept with the app, so a reload or a second tab shows the same step.