Make It Yours: A Guide to Customizing Colors and Fonts
How to use the theme system and AI chat to create a unique look for your site.
S
Sitelas Team
March 29, 20261 min read
Every Sitelas template comes with a default theme. Here's how to make your site look uniquely yours.
Two Ways to Customize
1. The Theme Panel
Click Theme in the sidebar. Change primary color, background, text colors, and fonts. Changes apply instantly across the entire site.
2. AI Chat
Describe the mood you want:
- "Make it feel warmer" → warm earth tones, serif fonts
- "Dark mode" → dark backgrounds, light text
- "Playful and colorful" → bright accents, rounded corners
Color Palette Tips
- Start with one color and let AI build a palette around it
- Use high contrast — light gray on white is the most common mistake
- Limit to 2–3 colors — primary, neutral, and optional accent
Font Pairing Tips
- Safe bet: One font family for everything (e.g., Inter)
- Classic pair: Serif headings + sans-serif body
- Avoid: More than 2 font families or decorative body fonts
Theme Presets
Most templates come with 2–3 curated presets. Try them before building from scratch.
S
Sitelas Team
The Sitelas team writes about building websites with AI, design tips, and getting the most out of your site.
