Skip to content
KramorDS
Switch light or dark

Portal templates

Template gallery

Seven complete portal screens, assembled only from tokens and kit components. Use them as the starting point for real screens and as the reference for how the parts fit together.

Fixed example dataLight and dark

Screens

Each screen runs inside the full portal shell with working navigation, menus, dialogs and toasts.

Using a template

Templates are compositions, not new components. Copy the page, keep the shell, and replace the example constants with real queries scoped to the tenant.

Information: Keep the example data label until real data is wired

The top bar badge tells everyone the numbers are illustrative. Remove it only when the screen reads from a real, tenant-scoped source.
Overview
Color
Typography
Space, shape and motion
Actions
Forms
Feedback
Data display
Navigation
Overlays
Portal shell
Status and lifecycle
Trust and safety
Template gallery
Overview screen
Connections screen
Studio screen
Validation screen
Recovery screen
Governance screen
Settings screen
Switch light or dark mode