Billing
Billing Summary
Show current balance or plan details with stat cards.
Billing
Billing
A sample billing page for invoices, payment status, and account service actions.
Status
Payment Status
Use semantic labels for success, warning, and pending.
Support
Billing Support
Route users to support for account service questions.
Page Structure
Clear public page flow
This page demonstrates a focused public-facing layout with accessible sections, helpful actions, and flexible content areas.
- Clear heading
- Readable sections
- Helpful actions
- Responsive image context
Navigation System
Included in v0.8.3.7.4 navigation scope
Header, dropdown, footer, active page, and sitemap behavior all use the shared navigation system.
- No underline states
- Active page demonstration
- Footer navigation grouping
- Soft header dropshadow
Continue through Kaleidoscope
This page is part of the Kaleidoscope public example site, showing a complete route within the directory-based page architecture.
Page Composition Highlights
Kaleidoscope Page
Page composition
Demonstrate a purposeful Kaleidoscope page.
Image Role
Card · Rounded
Rendered through the Kaleidoscope public image context.
Component Stack
Built the Kaleidoscope way
- Sections
- patterns
- templates
- images
- and page rhythm