Skip to main content
After describing your app on the home page, the wizard walks you through a few quick questions. It only takes a minute, and you can skip steps if you don’t have strong preferences. The wizard shapes the visual identity of your app before a single line of code is written. Everything you choose here is passed to the AI as context for building.

​
The Wizard Steps

1

App Feel

Choose the vibe for your app. This guides the AI’s design decisions — spacing, typography weight, corner radii, and overall aesthetic.Pick one:
  • Simple & clean — Minimal UI, lots of whitespace, understated controls
  • Modern & polished — Refined with subtle shadows, smooth transitions, and careful spacing
  • Bold & expressive — Strong colors, large type, high contrast, attention-grabbing layouts
  • Dark & minimal — Dark backgrounds, muted accents, sleek and focused
  • Something else — Type a custom description of what you want
The AI uses your choice to set the tone for every screen it builds. If you pick “Bold & expressive,” expect big headings, vivid colors, and strong visual hierarchy. If you pick “Simple & clean,” expect restrained palettes and generous whitespace.Choosing “Something else” opens a text field where you can describe your ideal aesthetic in your own words. For example: “Retro 90s with pixel-art vibes” or “Glassmorphism with frosted backgrounds.”
2

Color Palette

Pick the colors that define your app. You have three options: choose a preset, generate a palette, or build one from scratch.
Wizard color palette step showing color wheel and generated palette
See the Color Palette Deep Dive below for full details on each option.
3

Summary

Review everything at a glance before moving forward. You’ll see your selected app feel, color palette, and platform all on one screen. If anything looks off, go back and adjust.This is your last chance to change things before the AI starts building, so take a moment to confirm your choices.
4

App Name

Name your app. The name is validated as you type:
  • No special characters allowed
  • No spaces allowed
  • No leading numbers
  • Must be at least one character
Examples of valid names: FitTrack, RecipeBox, ClipStash, Zenith, TasklyExamples of invalid names: My App (spaces), 123Go (leading number), Cool!App (special character)
You can skip straight to naming your app if you don’t have strong preferences. The AI will use sensible defaults.

​
Color Palette Deep Dive

The color step gives you three ways to pick your palette. Use whichever approach matches how you think about color.

​
Preset Palettes

Six palettes are displayed as color swatch cards in a grid. Click one to select it — you’ll see the colors update immediately in the preview.
PaletteColorsBest for
Vibrant SunsetWarm oranges, reds, and golden tonesEnergetic, warm apps
Ocean BluesCool blues ranging from deep navy to light skyProfessional, calm apps
Forest GreensNatural greens with earthy undertonesHealth, nature, wellness apps
Royal PurplesRich purples with violet and lavender accentsCreative, premium apps
MonochromeClean grays, blacks, and whitesMinimal, content-focused apps
Pastel DreamsSoft, muted pastels across the spectrumFriendly, approachable apps
Vibrant Sunset is pre-selected by default, so you can skip this step entirely if you’re happy with warm tones.

​
Generate a Palette

Want something more specific? Expand the “Want something different?” section to reveal the palette generator.
1

Pick a base color

Use the color wheel to select a base color that represents your app’s identity. Drag around the wheel to find the right hue, then adjust brightness and saturation.
2

Shuffle for variations

Click Shuffle to generate harmonious palettes based on your base color. The generator creates complementary, analogous, and triadic color schemes automatically. Each shuffle produces a completely new set.
3

Apply your choice

When you find a palette you like, click “Use this” to apply it to your project.
The palette generator is great when you know your primary brand color but need help finding colors that work well with it.

​
Custom Palette

If you have exact colors in mind — maybe from a brand guide, a design file, or a specific hex code you love — the custom option lets you pick 4 individual colors using native macOS color pickers. Each picker lets you:
  • Choose from the color wheel
  • Enter a specific hex code
  • Use the eyedropper to pick a color from anywhere on your screen
Set each of the 4 colors to your desired value, then click “Use these” to apply. This approach is ideal when you’re matching existing brand colors or a specific design system you’ve already defined.
The platform was already chosen on the home page, so it doesn’t appear in the wizard.

​
How Your Choices Affect the Build

Everything you select in the wizard is passed to the AI as structured context. Here’s how each choice influences the result:
Wizard stepWhat it affects
App FeelSpacing, typography, corner radii, animation style, overall density
Color PalettePrimary color, accent color, background tones, text contrast
App NameProject folder name, display name, bundle identifier
The AI treats these as strong preferences, not suggestions. If you choose “Dark & minimal” with Monochrome colors, you’ll get a dark-themed app with grayscale accents — guaranteed.

​
Frequently Asked Questions

You can always ask the AI to adjust colors, style, or other design choices through the chat interface after your project is created. The wizard sets the starting point, but nothing is locked in permanently.
If you skip the feel and color steps, the AI uses sensible defaults: “Modern & polished” feel with the Vibrant Sunset palette. You still need to provide an app name — that step can’t be skipped.
Yes. Use the back button to return to any previous wizard step and change your selection. Your choices are preserved as you navigate between steps.
No. The app feel only affects visual design — spacing, typography, colors, and aesthetics. It doesn’t change what features the AI builds or how your app works.

​
After the Wizard

Once you confirm your app name, Nativeline creates your project and opens the chat interface. The AI begins building your app immediately using the description you provided on the home page, styled with the feel and colors you chose in the wizard. You’ll see the AI working in real-time — writing Swift code, creating views, and assembling your app. Within moments, you’ll have a working preview to interact with.

Home Page

Where every project starts — describe your app and pick a platform.

Chat Interface

Start building and iterating on your app through conversation.