Brand kit · base
Beam Base (unbranded)
Unbranded wireframe kit: grayscale accent and neutrals, system typeface. beam.css with no kit looks like this.
Modes
| Collection | Mode | Override with |
|---|---|---|
| gray | Gray | data-gray |
| accent | Base | data-accent |
| density | Comfortable | data-density |
| typeface | System | data-typeface |
| shape | Smooth | data-shape |
| depth | Soft | data-depth |
Brand solid resolves to #8d8d8d (light) / #6e6e6e (dark). No token overrides. Ships no font files — the typeface falls back to the system font if it isn’t installed.
Use it
One kit — applies to :root, no attributes needed
<link rel="stylesheet" href="beam.css">
<link rel="stylesheet" href="kits/brandkit.base.css">Several kits loaded — choose this one
<html data-brand="base">Voice, tone and brand constraints
To be written with the brand owner.