Visual Regression Target
A stable, deterministic layout with known colors, fonts, and spacing. Designed as a baseline for visual regression and screenshot comparison.
Color Palette
Red
Orange
Yellow
Green
Blue
Indigo
Purple
Pink
Gray
Black
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Body text in the default size. The quick brown fox jumps over the lazy dog.
Small muted text for secondary information.
Monospace text: 0123456789 ABCDEF
Shapes
Card Grid
Card 1
Static content
Card 2
Static content
Card 3
Static content
Card 4
Static content
Card 5
Static content
Card 6
Static content
Data Table
| ID | Name | Status | Value |
|---|---|---|---|
| 1 | Alpha | Active | $1,200 |
| 2 | Bravo | Pending | $850 |
| 3 | Charlie | Active | $2,100 |
| 4 | Delta | Inactive | $400 |
Progress Bars
25%
50%
75%
100%
Badges
SuccessWarningErrorInfoDefaultNew