Style Tile
A style tile is a compact visual direction before full screen design.
It can include typography, colors, imagery, UI details, components, and mood. It helps discuss the visual language before committing to final layouts.
Boundary
A Moodboard collects references.
A style tile turns a direction into a compact design proposal.
A full screen design tests the direction in a realistic layout.
Why It Is Useful
- aligns client and design team
- compares visual directions early
- avoids wasting time on complete screens too soon
- makes abstract brand values visible
It Can Include
- typography direction
- color palette
- image style
- icon style
- button and form details
- sample cards or interface fragments
- spacing and radius direction
- tone keywords
When To Use It
Use a style tile after Benchmark and Moodboard, but before building many high-fidelity screens.