The default form doesn't match my site — how do I style it?

The hosted form at /f/{id} has its own styling. You cannot change it. If that bothers you, do not use the embed.

Build your own form instead. Write your own HTML and CSS. On submit, POST JSON to /api/forms/{id}/submit. You get complete design control. Your form, your styles, your layout.

This is what most production users do. The embed is for quick testing and landing pages where you do not care about pixel-perfect design. For your SaaS app or marketing site, build a custom form.

The API does not care what your form looks like. It only cares about the JSON body. Send the right field names with the right types, and it works.

If you use React, Vue, or Svelte, it is even easier. A controlled form component that calls fetch on submit. Maybe 30 lines of code. Check the Next.js guide for a full example.