Skip to content
H
Hydro UI
docs
Home
Components
Studio
Gallery
GitHub
Navigate
Home
Components
Foundations
Guides
Studio
Documentation
/
Foundations
Foundations
6 pages
A visual system with a clear source of truth.
Semantic foundations for color, type, space, shape, elevation, and motion.
01
Color
Semantic roles for readable, meaningful states.
02
Typography
A platform-friendly scale for product UI and code.
03
Spacing
A four-pixel rhythm for calm relationships.
04
Radius
Shared shape roles for controls, cards, and surfaces.
05
Elevation
Restrained shadows that support, never replace, boundaries.
06
Motion
Presence, transitions, and reduced-motion behavior.