CMS Admin UI — what the client sees, and how much you control it
Real official screenshots. Bottom line: the default is a clean generic data-dashboard, but you control branding (logo/colors) turnkey, and can override any component in code — or bypass the admin entirely with a custom form on the site.
1 · Payload — the DEFAULT admin (what the client gets out of the box)
DEFAULTPayload admin, light. Left = your collections (Posts, Roster, Games…). Center = list/edit forms. This is auto-generated from your data model — zero design work.DEFAULTSame admin, dark. Ships with light/dark. Clean, but generic — no team branding yet.
CUSTOM CSSRestyled with ~a file of CSS. Colors, spacing, type — no code beyond a stylesheet. Source: Payload CSS guideWHITE-LABELEDFully re-branded dashboard. Custom logo, colors, custom dashboard components — the client never sees "Payload." Source: Payload white-label
Control ceiling (Payload): the admin is React components you can override one-by-one — custom views, nav, field editors, whole dashboards. So it can look like your product, not a CMS. Logo/colors = config + CSS (easy); deep custom = code.
3 · Directus — the DEFAULT admin ("Data Studio")
DEFAULTDirectus Data Studio. Collections in the sidebar, spreadsheet-like data views, no-code role/permission UI. Best turnkey editor UX of the candidates. Source: directus.com/docs
Control (Directus): Project Settings gives turnkey name + logo + accent color + custom CSS (no code). Deeper theming via Vue extensions + custom Insights dashboards. Slightly less deep than Payload's component override, but the nicest default.
4 · The option that gives you TOTAL control: skip the admin
You don't have to hand the client the CMS backend at all. Build a small branded "post an update" form on the team's own site that writes through the CMS API. The client sees only your design; the CMS admin stays internal to you (the managed model). Most control, most build effort.
Note: bespoke UI/visual design of a branded admin is Apollo's domain — this page is reference (existing product UI + customization capability). If you want a designed branded-admin mockup, that routes to Apollo.