HomeDocsPricingSign in
← All docs

Theming

Make every waitlist feel like yours. No CSS required.

Where to edit

Go to your dashboard, open a waitlist, and click the Design tab. Changes save instantly and take effect everywhere the waitlist is rendered — hosted page, embed widget, and iframe — within 60 seconds (edge cache).

Colors

Three colors control the entire appearance:

  • Primary — button background, accent underlines, focus ring. Pick your brand color here.
  • Background — the page and card background. Use #ffffff for light mode, #0b0f17 for a dark vibe, or a tinted color for personality.
  • Text — headings and body text. Pick a color with enough contrast against the background (aim for WCAG AA — 4.5:1 for body, 3:1 for large text).

Every color is a 6-digit hex value (e.g. #4f46e5). The dashboard has a color picker plus a hex input, so you can paste brand colors directly.

Font

Three options, chosen for speed — all system fonts, zero network requests:

  • System-apple-system, system-ui, sans-serif. Native feel on every device. Best default for most waitlists.
  • SerifGeorgia, "Times New Roman", serif. Editorial, magazine-like, higher perceived authority. Good for writing-heavy products and newsletters.
  • Mono"SF Mono", Menlo, Consolas, monospace. Terminal-ish, dev-tool vibe. Great for dev-focused products and AI tooling.

Custom Google Fonts aren't supported — they'd slow down every embed. If you want a specific brand font, consider embedding with an iframe and styling the parent page around it.

Corner radius

One setting for the whole page:

  • Sharp — 4px corners. Utility, technical, precise.
  • Soft — 12px corners. Modern SaaS default. Recommended.
  • Round — 24px corners. Friendly, consumer, approachable.
Logo and hero image (Pro)

Pro tier unlocks two more image fields:

  • Logo URL — shown above the title at ~80px wide. Use your brand mark. PNG with transparent background works best.
  • Hero image URL — full-width image above the logo. Product shot, launch teaser, illustration.

Both are URL-based — host the image wherever you want (Cloudflare Images, S3, your CDN, imgur), and paste the URL. We don't host images.

Fields to collect

Every signup captures an email. You can optionally add:

  • Name — free text, up to 100 chars. On by default.
  • Company — free text, up to 100 chars. Off by default.
  • Twitter handle — text, leading @ is stripped, up to 50 chars. Off by default.

Every field is optional for the signup. Don't over-ask — each extra field reduces conversion. Only enable what you'll actually use at launch.

Writing the title and description

Title is the big headline at the top of the page. Keep it under 8 words. Lead with the benefit, not the product name.

Description is the subtitle under the title, up to 500 characters. One or two sentences. Answer "what am I signing up for?" and "what do I get?"

Examples that convert:

  • Good: "Launch your SaaS in a weekend" / "The zero-config backend for indie founders. Early access starts next month."
  • Bad: "Acme Platform — coming soon" / "We're building something big. Stay tuned."
Branding bar (Free vs Pro)

Free tier shows a small "Powered by Waitkit" footer link at the bottom of hosted pages and embed widgets. Pro tier removes it. Everything else — theme, fields, referrals, API — is identical on both tiers.

Previewing changes

From the Design tab, click Preview ↗ to open the hosted page in a new tab. Save first, then preview — the hosted page has a 60-second edge cache, so changes may take up to a minute to show up. Hard-reload (Cmd-Shift-R / Ctrl-Shift-R) to bypass the browser cache.