Frive DS
  • Logo
  • Overview
  • Colours
  • Spacing
  • Borders
  • Elevation
  • Motion
  • Typography
  • Icons
  • Legacy icons

Foundations

Overview

Foundations are the shared primitives every component and layout builds on — tokens, rules, and references that keep Frive consistent across product, marketing, and internal tools.

  • ColoursRaw palette, semantic tokens, and usage guidance.
  • SpacingLayout scale and spacing tokens.
  • BordersStroke weights and radius tokens.
  • ElevationShadows and depth.
  • MotionDuration, easing and distance tokens, grouped by interaction.
  • TypographyType styles and font stacks.
  • IconsThe 2027 icon set: Phosphor Icons in six weights, with search.
  • Legacy iconsThe pre-2027 icon set (legacy-*), and the map from each to its 2027 icon.