Colors and Typography

Make your website feel like your restaurant. Customize colors and fonts to match your brand identity.

Accessing Design Settings

1. Go to Website > Design (or Customize)
2. Find Colors and Typography sections
3. Make changes and preview in real-time
4. Save and publish when happy

[SCREENSHOT: Design settings panel]

Colors

Your Color Palette

Set colors for:

• Primary: Main brand color (buttons, links, accents)
• Secondary: Supporting accent color
• Background: Page backgrounds
• Text: Body text color
• Headings: Title text color

Choosing Colors

Tips for great color choices:

• Start with your logo colors
• Use contrast for readability (dark text on light, or vice versa)
• Limit to 2-3 main colors
• Test on multiple devices

Color Picker

Click any color field to open the picker:

• Choose from the color wheel
• Enter a hex code (#FF5733)
• Use the eyedropper to sample colors
• Save colors for reuse

Typography

Font Choices

Select fonts for:

• Headings: Titles and headers (can be bolder/decorative)
• Body: Main text (prioritize readability)

Available Fonts

Choose from web-safe fonts including:

• Classic: Georgia, Times New Roman
• Modern: Open Sans, Roboto, Lato
• Display: Playfair Display, Montserrat
• And more

Font Settings

Adjust:

• Size: How big text appears
• Weight: Light, regular, bold
• Line height: Spacing between lines
• Letter spacing: Space between characters

Matching Your Brand

Start with What You Have

• Use colors from your logo
• Match your physical menu's style
• Consider your interior design

Mood Guide

| Vibe | Colors | Fonts | |------|--------|-------| | Upscale | Deep tones, gold accents | Serif headings, clean body | | Casual | Bright, warm colors | Friendly sans-serif | | Modern | Minimal, monochrome | Clean, geometric fonts | | Rustic | Earth tones, naturals | Handwritten accents |

Previewing Changes

Changes show immediately in the preview. Check:

• Homepage hero text
• Menu item readability
• Button visibility
• Mobile appearance

Resetting to Theme Defaults

Made a mess? Reset to the original theme colors:

1. Open Design settings
2. Click Reset to Default
3. Confirm

This undoes all color and font changes.

Common Questions

Can I use my own custom fonts?

Currently, you choose from our font library. Custom font uploads aren't available.

My text is hard to read. What should I check?

• Ensure enough contrast between text and background
• Increase font size for body text
• Avoid light gray text on white

Do colors apply to my menu display?

Yes—menu sections use your site colors. Check that prices and descriptions are readable.

Need help? Contact support.