usage
- Use verified UJ content
- Reuse semantic tokens
- Keep business logic in the owning application
Public patterns
Page header
Introduce a public page with clear hierarchy and context.
Production component
Live preview
This example is rendered from the same package consumed by UJ applications.
Corporate Identity
Page title
A governed introduction with clear hierarchy.
Contract
Usage and quality requirements
The contract keeps purpose, states and ownership visible before a component is reused.
states
- default
- focus-visible
- disabled or unavailable where applicable
- long content
- narrow viewport
- dark theme
purpose
Introduce a public page with clear hierarchy and context.
responsive
- 320px
- 768px
- 1440px
- 200% text resize
accessibility
- Native semantics first
- WCAG 2.2 AA
- Keyboard and touch operation
- No colour-only meaning