# Data ramps

Encodings, not brand: a rebrand does not move them. Nine stops as tokens (bg-ramp-heat-0 … 8); the continuous forms are heat(t), cool(t) and delta(t) in ui/lib/ramp.ts.

Part of the foundations every [Beamline](https://beamline.io/) component is built from. Live page: https://beamline.io/components/foundations/data

More foundations: [Colour](https://beamline.io/components/foundations/colour) · [Brand engine](https://beamline.io/components/foundations/brand) · [Meaning](https://beamline.io/components/foundations/meaning) · [Type](https://beamline.io/components/foundations/type) · [Spacing](https://beamline.io/components/foundations/spacing) · [Looks](https://beamline.io/components/foundations/looks) · [Shape & depth](https://beamline.io/components/foundations/shape) · [Layers](https://beamline.io/components/foundations/layers) · [Motion](https://beamline.io/components/foundations/motion) · [Morph](https://beamline.io/components/foundations/morph) · [Interaction](https://beamline.io/components/foundations/interaction) · [Texture](https://beamline.io/components/foundations/texture)