Your account, your way
Access your documents, manage your preferences, and stay in control — all in one secure place.
Built for security and scale
Powered by Umbraco Prism — multi-tenant identity, branding, and mobile in one package.
Enterprise Authentication
Sign in with your organisation's identity provider. Powered by Entra ID with PKCE, token refresh, and biometric login on mobile.
Multi-Tenant Branding
Every tenant gets its own colours, typography, imagery, and layout — resolved automatically from the request hostname.
Native Mobile Experience
The same portal works inside iOS and Android apps with safe-area handling, biometric auth, and app-native navigation.
Wayfinder service design
Service design itself — citizen-facing journeys, caseworker worklists, and downstream support systems — is Wayfinder's job, composed onto Prism content the same way any other page is built.
Apply for a juggling licence
A public, anonymous-first citizen self-service journey — no sign-in required.
Design system tokens
Every visual property on this page is driven by a CSS custom property. Change tenant branding in the back office and watch this page update in real time.
Colour
Full palette of brand colours
Typography
Type scale and font families
Layout
Spacing and elevation tokens
Imagery
Tenant-specific images and backgrounds
Set via media picker in the Umbraco back office
Components
Live UI components driven by tokens
Uses surface, border, and shadow tokens
Live Design System
Every value on this page reads from your tenant's CSS variables. Change a colour, font, or layout token in the Umbraco back office and watch it update here instantly.
Colour
Brand
--prism-primary
--prism-accent
--prism-button-bg
--prism-button-hover
--prism-focus
Surfaces
--prism-surface
--prism-surface-alt
--prism-border
--prism-chip-bg
Semantic
--prism-success
--prism-warning
--prism-danger
Text
--prism-text
--prism-muted
--prism-link
--prism-button-text
Data Visualisation
--prism-graph-1
--prism-graph-2
--prism-graph-3
Hero
--prism-hero-bg
--prism-hero-text
--prism-hero-badge
Typography
Font Families
--prism-font-display
--prism-font-body
--prism-font-mono
Type Scale
--prism-text-size-sm
--prism-text-size-md
--prism-text-size-lg
--prism-text-size-xl
Font Weights
--prism-body-weight
--prism-heading-weight
Layout
--prism-radius
--prism-card-shadow
--prism-section-gap
grid-template-columns: repeat(auto-fit, minmax(var(--prism-grid-min), 1fr))
--prism-page-max
Max content width
--prism-page-gutter
Horizontal page padding
--prism-nav-height
Header nav height
Imagery
Set hero image and card image via the branding editor in the Umbraco back office. These variables allow full control over background imagery and blend modes.
--prism-hero-image
--prism-card-image
--prism-image-radius
background-blend-mode: var(--prism-hero-image-blend)