Start here
HPLX brand guide
The complete guide to HPLX identity, interfaces and implementation.
Start with Identity & usage, or choose a chapter below. Shared guidance follows the pinned Cosmik foundation, v0.16.1.
Foundations
| Page | What it covers |
|---|---|
| Identity & usage | Approved identity, names, clear space and reproduction. |
| Typography | Type roles, hierarchy and readable content. |
| Color & themes | Semantic colors, light and dark themes, and contrast. |
| Voice & imagery | Writing, imagery and icon guidance. |
Experience
Implementation
| Page | What it covers |
|---|---|
| Family contract | How this family builds on its pinned Cosmik foundation. |
| Quality review | Visual review, interactions and validation evidence. |
| Governance | Decisions, contribution, releases and upgrades. |
Tools
| Page | What it covers |
|---|---|
| Asset library | Approved artwork, fonts and downloads. |
| Design tokens | Searchable CSS names and resolved token values. |
| Component examples | Interactive examples of shared controls. |
Resources
| Page | What it covers |
|---|---|
| Family token guide | Family token sources, outputs and integration. |
| Validation record | Checks and limitations for this reference. |
| Licensing & brand use | Code, artwork and font usage terms. |
| Changelog | Recorded changes to the kit. |