Combine AI forms and automated workflows to turn every response into action.
With over 48 million responses collected, Typeform knows what makes people answer.
One question at a time keeps people moving to the end — and keeps your data clean.
Logic branches on every answer, so each respondent gets the questions that matter.
See drop-off per question and fix the one that is costing you completions.
The signature interaction: border-radius animates alongside background-color over 0.2s, so every control visibly softens on hover. Buttons are 12px at rest and round out toward the 24px step. The hero form renders inside the embedded product canvas, so input and focus styles were not captured: the field above is assembled from published tokens only, the #ffffff foreground surface on a 1px #e5e1e5 hairline at the 12px control radius, with Twklausanne 350 at 1.875rem and #655d67 placeholder text. Its focus state is derived the same way, the captured secondary hover fill #eeecee plus the #a25fba accent on the border and caret, with the radius easing to the 24px step. Disabled field tokens were not captured either; every other state above uses the published idle/hover token pairs.
No box-shadow recipes resolved on this surface — depth is the #faf9fb → #ffffff surface step, the #e5e1e5 hairline, and the large radii. Motion — background-color 0.2s transitioned together with border-radius, so controls change shape as they highlight; consent chrome uses 0.15s ease-in-out. Spacing runs on a rem spacer scale (.25 / .5 / .75 / 1 / 1.25 / 1.5 / 2 / 2.5 / 3 / 4 / 5rem) with section padding at 2 / 3 / 5rem.