Expressive Fonts Pack
Color and morphology fonts for hero sections, marketing, and creative contexts. Not appropriate for body text.
| Type | Font pack (theme tokens + effect helpers) |
|---|---|
| Theme CSS | packs/fonts-expressive.theme.css |
| Total weight | ~610KB (3 woff2 files) |
Fonts Included
Nabla — COLR v1 Color Font
A color font using the COLR v1 format — the browser composites multiple color layers natively. Axes: EDPT (0–200, extrusion depth) and FLAT (0–100, flattens perspective). The EDPT axis is animatable with @property, creating a depth-breathing effect. Assigns to --vb-font-nabla.
Honk — Inflatable Neon
Rounded, inflatable morphology font. Axes: MORF (−40–40) and SHLN (0–50, shine). Assigns to --vb-font-honk.
Kablammo — Comic Impact
High-energy comic-style display font. Axis: MORF (−40–40). Assigns to --vb-font-kablammo.
Loading
Usage
Axis Properties
| Property | Default | Range | Effect |
|---|---|---|---|
--vb-nabla-depth | 100 | 0–200 | 3D extrusion depth |
--vb-nabla-flat | 0 | 0–100 | Flattens 3D perspective |
--vb-honk-morf | 0 | −40–40 | Morphology |
--vb-honk-shln | 0 | 0–50 | Shine |
--vb-kablammo-morf | 0 | −40–40 | Morphology |