Themes
Survey themes use the same theme object as classic forms: color, font, density, radius, optional logo, and branding visibility. The survey renderer applies those tokens in full-bleed layouts so the experience reads as a standalone page rather than a widget embedded in your dashboard.
For per-question media (cover images, intercept videos), set the URL on the field itself; the renderer treats it as part of the question composition.
Theme fields
Common theme keys include:
| Key | Purpose |
|---|---|
color |
Primary accent for buttons, progress, focus rings, and selected options. |
font |
Font family used by the public survey page. |
density |
Spacing scale for question cards and answer controls. |
radius |
Corner radius for cards, inputs, and buttons. |
logo_url |
Optional brand mark shown near the welcome screen or survey header. |
show_branding |
Whether the hosted page shows Formspring branding. |
Keep the theme object small. Question copy, scoring, branching, and thank-you behavior belong in survey settings or fields, not in theme tokens.
Full-bleed layout
Surveys are optimized for focused answering. The renderer gives the current question strong visual priority, uses the theme color for progress and selected state, and keeps controls large enough for mobile use. Dense themes reduce vertical spacing for operational surveys; roomier themes work better for feedback, research, and event forms.
Per-question media
Use field-level media when the image or video explains the question itself:
- A product screenshot for usability feedback.
- A venue photo for event preference questions.
- A short prompt video for asynchronous interviews.
- An image choice set where the visual is the answer.
Avoid putting question-specific media in the global theme. Global logos and color tokens should stay consistent across the whole survey, while field media can change from screen to screen.
Accessibility
Before publishing, check the theme against the longest real question and answer labels:
- Confirm the accent color has enough contrast on selected answers and buttons.
- Preview on mobile so long labels wrap cleanly.
- Keep logo artwork decorative unless it carries necessary information.
- Do not rely on color alone to communicate selected or error states.
- Test the thank-you screen as well as the first question.
If a theme looks good in the builder but cramped on a real phone, reduce answer option length first, then adjust density. Shrinking text should be the last resort because surveys depend on fast reading and confident taps.
Reuse across surveys
For a family of surveys, keep one shared visual system and vary the welcome copy, fields, scoring, and outcomes. That makes exports and links easier for respondents to recognize while still allowing each survey to collect different data.