Skip to main content
Design is where you define the visual identity of your brand. Your settings here are applied to AI-generated funnels, landing pages, and marketing materials. A live preview shows you exactly how everything looks as you make changes.
Prerequisite: Complete your Codex first. Your brand strategy should inform your visual choices.

​
How to set up your design

1

Go to Brand > Design

Open the Brand module from the sidebar and select Design.
2

Choose your theme

Toggle between Light and Dark theme. This sets the overall look for your brand materials.
3

Set your colors

Configure three color settings:
  • Primary Color — Used for buttons and key elements. Toggle on Gradient to set a two-color gradient with an adjustable angle (0-360°).
  • Primary Text Color — The color of text on buttons.
  • Accent Color — Used for links and highlights.
Use the hex input or color picker for each.
4

Choose your font

Select a font from the dropdown. Each option shows a visual preview of the typeface. See the full list below.
5

Adjust text accessibility

  • Font Size — Slide from 1 (smallest) to 4 (largest)
  • Bold Text — Toggle on for heavier font weight (recommended for mature audiences)
6

Select button rounding

Choose how rounded your buttons appear:
OptionEffect
SquareSharp corners
XSSlightly rounded
SMModerately rounded
LGNoticeably rounded
XLVery rounded
RoundFully circular ends
7

Set background texture (optional)

Choose between three modes:
  • None — Uses default theme background
  • Image — Upload a custom background texture image
  • Color — Set a solid color or gradient background
For Image and Color modes, use the text contrast toggle to ensure text stays readable over your background.
8

Upload your logos

Upload two versions of your logo:
  • Light Theme Logo — Used when your brand theme is set to light
  • Dark Theme Logo — Used when your brand theme is set to dark
Drag and drop or click the upload area. You can remove and replace logos at any time.
9

Preview your design

The live preview on the right side of the page updates in real time. Toggle between Desktop and Mobile views to check how your design looks on different devices.
10

Save

Click Save Design when you’re satisfied with your settings.

​
Available fonts

Inter, Hurme Geometric Sans 1, Host Grotesk, Roboto, Open Sans, Lato, Montserrat, Poppins, Source Sans Pro, Nunito, Raleway, Ubuntu, Playfair Display, Merriweather, Oswald, Lora, PT Sans

​
Tips

  • Start with your brand colors. Choose a primary color that reflects your brand, then build around it.
  • Test on real content. Use the live preview with both desktop and mobile views before saving.
  • Consider accessibility. Use the font size and bold text options to ensure readability for all audiences.
  • Keep it simple. A clean design system works better than an overly complex one.

​
What to do next

Upload your brand photos and videos in Brand > Media.