Theme Builder

What a theme controls#

• Seven colors — Primary, Accent, Background, Surface, Headings, Body and Muted — with live WCAG contrast checks.
• A five-step map & chart ramp — auto-generated from Primary, or hand-picked step by step.
• Fonts & sizes — a default font plus six text styles (Heading 1–3, Paragraph, Caption, Button), each with per-device sizes: desktop is authored, tablet and mobile follow automatically until you customize them.
• Border radius — None, Subtle, Default, Rounded or Extra.
• Spacing — five densities from Smaller to Very spacious.

Fonts#

A curated catalog of twelve fonts (Nunito, Inter, Work Sans, DM Sans, Poppins, Raleway, Lora, Playfair Display, Merriweather, Source Serif 4, Libre Baskerville, Space Grotesk) — plus your own uploaded fonts, which are embedded into the theme so published pages render them everywhere.

The builder#

The builder previews your theme on real production components with sample content — flip between Journey and Dashboard preview, and between Desktop, iPad and Mobile widths. The read-only OrbGIS Default theme is always there to duplicate and start from, and a Reset to OrbGIS Default exists if you paint yourself into a corner.

The theme library#

Tools → Theme Builder lists your organization’s themes with live mini-previews and usage counts. From the card menu you can duplicate a theme, delete it, or — as an Admin — set it as the org default, which every item without an explicit theme follows.

How apps use themes#

Each dashboard, journey, layout or survey picks a theme in its Design sidesheet, with optional per-item overrides (colors, font, radius, spacing) on top. Items resolve the live theme — edit a theme and everything using it restyles instantly, drafts and published pages alike. Overrides survive theme switches.