15.02Component
Surfaces & tiles.
Layering happens through background color, not borders or shadows. Five Tile variants, each with a job. Pick the role; the variant follows.
Tile variants
paper
PaperDefault tile
white
WhiteEmphasis
azure
AzureDo lists, AI
ink
InkFinale, inverted
outline
OutlineFrame-only
- radius
- rounded-2xl (16px)
- padding
- p-5 default, p-6–p-10 for hero
- border
- none (Tile) · 1px hairline only on outline
- shadow
- none (Cards-No-Shadow Rule)
- hover
- bg shifts toward mist (paper/white) or arc-tint (azure)