Style

Overview

The Style tab handles the overall visual theme of your entire site. Make choices for colors, fonts, and spacing that apply everywhere - creating a consistent, professional look.

Style Pickers

Primary Color

• Select the main accent color for buttons, links, and highlights.
• Pick from palette or use custom color.
• Example: Blue for buttons, red for emphasis.

Border Radius

• Choose roundness for corners (e.g., sharp, medium, or fully rounded).
• Options: None (sharp), Small, Medium, Large, Full.
• Affects buttons, cards, and boxes site-wide.

Font Family

• Pick overall typography: Sans (modern/default), Serif (traditional), Mono (coding feel).
• Apply to all text: headings, body, buttons.
• Consistent fonts improve readability.

Spacing

• Control padding and margins: Compact, Normal, Relaxed.
• Tighter spacing for dense pages; looser for breathability.
• Applies to component layouts.

Live Preview

• The right side shows a live preview of your site with style changes.
• Scroll and review mobile/desktop views.
• No saving needed - experiment freely.

Tips

• Start with your brand colors (e.g., logo hues) for primary color.
• Keep spacing to Normal unless you have a specific aesthetic.
• Preview on mobile - styles impact touch targets.
• Business Plan: Developers can refine style choices - request review via team@thundr.ca after publishing.

Styles update globally. For page structure, see Pages; for content editing, Components.