Skip to content

Design & themes

Your brand on every screen.

Start from a ready theme or your own colors and fonts. Change the style once and every screen, web or mobile, follows.

Kuika Gate gives every app a design system: pick one of 30 ready themes or create your own with your brand’s colors, fonts and corner styles, and every screen follows it. You can change the style live and switch between light and dark.

30 ready themes

Pick a theme when you create an app and get a consistent look from the first screen. Switch it later without redesigning anything.

  • Ready-made, consistent styles
  • Choose one when you start
  • Light and dark versions

Your own design system

Build a style from scratch, start from a theme, or simply describe it to Gate. Save it and reuse it across your apps.

  • Colors, fonts and corners
  • Reuse it in every app
  • Describe the look in your own words

Change it live

Adjust colors, fonts and spacing next to the preview and watch every screen update at once. Or click a single element to fine-tune it.

  • Live preview of every change
  • Light and dark preview
  • Click to edit single elements

Start from what you already have

Bring a screenshot of a design you like. Where your workspace has it turned on, start from a Figma file or a website and its colors and type carry over.

  • Start from screenshots
  • Figma and website import, if enabled
  • One style for web and mobile

Questions, answered.

Can I use my own brand colors and fonts?

Yes. Create a design system in Kuika Gate with your brand’s colors, fonts and corner styles, or describe your brand and let Gate draft one. Every screen of your app follows it.

How many themes are there?

There are 30 ready themes to start from. You can also make your own and reuse it across apps.

Can my app have a dark mode?

Yes. Apps can come with both a light and a dark theme and a switch between them, or use a single theme. Mobile apps follow the phone’s light or dark setting.

Can I import a design from Figma?

Yes, when your workspace has Figma import turned on. Gate rebuilds the frames you pick as editable screens and brings their colors and type into your theme. You can also start from screenshots.

Related

What will you build today?

Describe it in a sentence. Gate does the rest.

Press Enter to build, Shift + Enter for a new line. You will review it in Gate before anything starts.