Customize your template effortlessly: update text, images, styles and SEO settings from the you_edit folder.

1. Edit your main content

Start with these essential files. Each file contains clear instructions to guide your edits. You can update sections line by line, headings, button texts, images, tooltips, etc.

**Essential - All your content is in**
- you_edit/content.py         # Desktop content
- you_edit/metadata.py        # SEO, title, and description

2. Optional: Customize styles

These optional files let you take full control over the design of your landing page. They're all located in the you_edit folder.

**Optional - Customize styles and font in**
- you_edit/style.py           # Desktop theme (colors, layout, font)
- you_edit/style_mobile.py    # Mobile theme
- you_edit/heading_fonts.py   # Heading sizes
- you_edit/buttons.py         # Button design

3. Tips and tools

<aside>

• You can use Lucide Icons to change icons
• For spacing and font sizes use a scale from 1 to 9 (Reflex values)
  • spacing="3"
  • font_size="5"
• Create your gradients with cssgradient.io
• Use Radix Colors to choose accessible and modern color palettes
• There is an app on MacOS that converts your images to favicon → Image2Icon
• Use the Reflex Theme Panel to configure your theme (Part 4) </aside>

4. Use the Theme Panel

A built-in theme panel lets you preview and change the color theme of your site in real time.

4.1 First, go to the dobby.py or lucius.py file look for that line.

# rx.theme_panel(default_open=True)

Code from dobby.py and lucius.py

4.2 Uncomment that line of code to activate the theme panel. This will display a visual panel on your app to test Radix color themes and styles instantly.

4.3 Then, you can edit your theme and change values in your style.py file.

Code from style.py file

5. Add your assets

• Upload your images to the assets/images folder
• Upload your preview picture for SEO to the assets/previews folder