Fonts & Patterns
Google Fonts
Lygotype integrates 1,000+ Google Fonts directly in the Theme Editor. No account or API key needed.
Font picker
In Theme → Typography, use the search field to find any Google Font by name. Results show live previews.
Heading and body fonts
You can set heading and body fonts independently:
- Heading font — Applied to question titles, section headers, page headings
- Body font — Applied to answer choices, descriptions, help text, and body copy
Font pairing presets
Click Pairing Presets for curated heading + body combinations. Presets are chosen for readability and visual contrast.
Font settings
| Setting | Options | |---|---| | Font size (question) | 14px–24px | | Font size (body) | 12px–18px | | Font weight | 300 / 400 / 500 / 600 / 700 |
Background patterns
9 patterns can be applied to the form canvas (behind the card):
| Pattern | Style | |---|---| | Dots | Small evenly-spaced dots | | Grid | Square grid lines | | Crosshatch | Diagonal grid | | Diagonal | Diagonal lines | | Noise | Subtle grain texture | | Hexagons | Tessellating hexagons | | Waves | Flowing wave lines | | Checkers | Checkerboard | | Circles | Concentric circle rings |
Patterns use the primary colour at low opacity. They scale to fill the viewport and are purely decorative — they don't affect accessibility.
To apply: Theme → Background → Pattern → click any pattern. Click the active pattern again to remove it.