Skip to main content
Use Design mode to adjust your app’s appearance directly. Set a consistent style for the whole app, then refine individual headings, buttons, and sections.

​
Choose the right tool

Manual design edits don’t use AI credits. Asking AI to redesign a section, generate an image, or make a change uses credits.

​
Use Design mode

Restly-style design panels: App theme controls for colors, radius, shadow, and font on the left; a selected heading's content, typography, color, and spacing on the right. Both show Save All.

App-wide theme controls and individual element controls, shown with example values.

1

Open Design mode

Select Design mode below the chat box, or Edit in the preview toolbar.
2

Choose what to style

  • The whole app: Select App in Layers. Under Theme, choose a theme or Brand Kit, then adjust Colors, Radius (corner rounding), Shadow, and Font.
  • One element: Select it in the preview or expand Layers to find it. Use the available content, typography, color, appearance, and spacing controls.
Controls depend on what you select. If text is marked Dynamic content, ask Zite to change how it is shown. You can’t type over it directly.
3

Save and check

Changes appear in the preview first. Select Save All to keep them, or Discard to remove your unsaved edits.Wait for saving to finish, then try the affected page. Select Publish when you’re ready to update the version people use.
A repeated element can affect several cards or rows. Check the other instances before publishing. See Selective Edits for more detail.

​
Give Zite better references

For a bigger change, attach a screenshot through + → Upload file, or paste a website link. Say what to match and what to keep.
Use the attached screenshot as a style reference for our client portal. Match its spacing and card style. Keep our brand colors, navigation, and existing data.
  • Company assets: Use a Brand Kit for your logo, fonts, and colors.
  • Images: Upload your own assets, or ask Zite to generate an illustration for a specific part of the app.
  • A broader review: Use Improve my app to review design and accessibility.

​
Check responsive behavior

Open Screen size and fullscreen in the preview toolbar. Try Mobile as well as Desktop, or use Fullscreen for a larger preview.
Preview toolbar menu with Desktop, Laptop, Tablet, Mobile, and Fullscreen options.

Check that people can complete the main tasks on smaller screens.

Before publishing, check:
  • Readability: Text has enough contrast; long names and labels fit.
  • Navigation: Menus, buttons, and filters are easy to find and tap.
  • Real tasks: Forms, tables, and dialogs work on a small screen.
For a focused fix, name the page and keep the scope clear:
On mobile, make the Jobs filters easier to use and stop job names being cut off. Keep the desktop layout and existing data.

Related topics

Brand KitSelective EditsImprove my appUse credits efficiently
Last modified on October 22, 2026