Theme Builder

Colors

The focus ring derives automatically from the accent color.

Accent color

Page background

Text color

Secondary text color

Subtle text color

Fonts

Display font (headings)Body fontBase font size

Custom fonts

Upload a font file to make it selectable above, for both display and body. WOFF2, WOFF, TTF, and OTF are accepted (TTF/OTF are converted to WOFF2 automatically); 5MB max.

Font name

Buttons

Primary is the solid/filled style; secondary is the outlined style. Hover/active shades derive automatically from these.

Primary button color

Secondary button color

Secondary button text

Roundness

Header

Nav links

Footer links

Social links

Colors

Fonts

Custom fonts

Buttons