Overview
Audience sync across 6 connected platforms. All figures on this page are example data.
Sync runs
Last 14 days, all connectorsConnector health
Recent activity
View all| Event | By | Target | When |
|---|---|---|---|
| Segment rebuilt | Scheduler | seg_lapsed_2025 | 09:42 |
| Perk published | Rina Halim | Early entry, Singapore | 09:15 |
| Alert rule muted | Arif Nugroho | Sheets quota | 08:03 |
| Role changed | Rina Halim | Arif Nugroho → Editor | Yesterday |
Segments
Rules that group members and push them to connected platforms.
| Segment | Platform | Members | Status | Last sync | Actions |
|---|
No segments match
Try a shorter name, or clear the platform filter.
Components
Plain CSS classes. The same markup works in Blade, Vue, React or static HTML. Switch the brand at the top: nothing on this page is restyled per client.
Buttons
Variants and sizes named as in Kumo and shadcn.
.adm-btnForm fields
.adm-fieldStatus
.adm-badgeMore fields
.adm-fieldsetOverlays
dialog.adm-dialogDialogs use the native <dialog> element: focus trap, Esc to close and the backdrop come from the browser. Menus use <details>, so they work without JavaScript.
Menu
Detail view
.adm-dl- ID
- seg_lapsed_2025
- Owner
- Rina Halim
- Rule
- Last race before 1 Jan 2025 and marketing consent = yes
- Destinations
- SalesforceMailchimp
Loading and empty
.adm-emptyNo perks yet
Perks are offers members can redeem. Create one, then pick which segments see it.
Brand & tokens
A client brand is one small CSS file: brand colour, action colour, optional sidebar colour and logo, font, radius, density. Every other colour is derived from those, in light and dark mode.
Brand file
brands/admiral.cssContrast check
Same rules as scripts/check-contrast.mjs (WCAG AA).