IHM Design System · v
Pulse
The IHM brand language as code. Framework-agnostic tokens, fonts, and components — served from a single CDN to every IHM application.
Explore the system
Browse the pieces that ship in v — design tokens, typography, icons, and patterns. Phase 2 component CSS lands in a follow-up release.
Foundations
Colors, typography, spacing, radius, and elevation. Six color sections drawn from the Figma source of truth.
Components
Buttons, form fields, chips, alerts — visual previews of what's coming in Phase 2 component CSS.
Icons
256 Material Icons across 15 categories, plus 11 IHM-custom product SVGs. Searchable. Same-origin from the CDN.
Playground
Real composition examples — cards, alerts, forms, tables. Copy-paste-ready HTML using the design system classes.
How apps consume Pulse
One link tag. Same-origin via the CloudFront /cdn routing pattern. Material Icons + Open Sans included.
<link rel="stylesheet" href="/cdn/design-system/v1/ihm-base.css" />
See
ApplicationConsumerDesign.md
for the full integration guide — CloudFront routing setup, the ihm-ui-common baked-in pattern, configuration examples per
app type, and the migration checklist for removing legacy font handling.