The portal builder lives at Dashboard → Portal → Customize. Every change previews live on the right side of the screen. Here's what each control does.
Colors (4 slots)
| Slot | Where it shows |
|---|---|
| Primary | Buttons, active states, focus rings, links. |
| Accent | Secondary actions, badges, subtle highlights. |
| Background | Main portal canvas. Default white; use a tinted background for more brand feel. |
| Hero | The top banner block on the portal landing page. |
Paste hex codes or use the color picker. Contrast with text is enforced automatically — if a combo fails WCAG AA, you'll see a warning.
Logo
Upload PNG or SVG. SVG is preferred — it stays crisp on retina displays and resizes cleanly.
Recommended: transparent background, horizontal format, ~120×40px aspect.
Fonts (14 options)
Pick from a curated list of Google Fonts: Inter, Poppins, DM Sans, Plus Jakarta Sans, Roboto, Open Sans, Lato, Montserrat, Nunito, Raleway, Work Sans, Space Grotesk, Outfit, Manrope — or System Default (no remote load).
Traaaction preloads the font you pick, so there's no FOUT for your partners.
Layout
- Page layout:
clean(edge-to-edge) orboxed(max-width container with padding). Pickboxedfor desktop-heavy audiences. - Signup layout:
simple(one column) orsplit(two columns with hero).splitconverts better for cold traffic. - Border radius:
sharp(0px),rounded(8px), orpill(16px). Match your product's aesthetic. - Spacing:
compact,normal, orspacious. Affects card padding and gaps across the portal. - Heading size:
small,medium,large. Tune the visual hierarchy.
Welcome message
Short intro that shows above the mission list. Markdown supported — add a link to your partner deck, a revshare summary, or a "why partner with us" pitch in 2–3 lines. Don't pad it.
See it live
After saving, open your portal URL in an incognito window. All styling is applied via CSS variables, so the update is instant — no cache busting needed.
Reset to defaults
Each control has a small "↺" button. No "are you sure?" prompt — the undo is just another click away.
Related
- Setting up your portal — enabling the portal before you style it
- Custom domain — map
partners.yourbrand.com - Partner referrals — reward partners who bring in other partners