Use this if you're writing about HyperFrames, integrating with us, or building a tutorial. The lockup is the canonical form; please don't squish or recolor it.
On dark backgrounds, invert the mark.
Primary accent
Body text / dark surface
Default background
Surface elevation
Borders / dividers
Tertiary text
Yes / success
Brand secondary