Convertado design system
Style guide
Applications for humans, APIs for agents.
Surfaces
surfacesurface-raisedsurface-sunkenText
Primary — the words people actually read.
Secondary — supporting detail.
Muted — labels and metadata. Still held to the body-text contrast bar, because it carries real information.
An accent link uses accent-ink, which darkens on light surfaces so it stays legible.
Buttons
File kinds
imagevectordocumentaudiovideoarchivedata
Progress
Card, empty state and skeleton
Result
Saved 84%
Ran on your device.
Nothing here yet.
Drop a file to start.
Status
ConvertedTransparency lostCould not be read
Measured contrast
Computed at render time with the same function the token tests use, so this table cannot claim compliance the palette does not have.
| Pair | Dark | Light | AA |
|---|---|---|---|
| textPrimary on surface | 19.4:1 | 17.4:1 | PASS |
| textSecondary on surface | 11.1:1 | 8.9:1 | PASS |
| textMuted on surface | 5.5:1 | 5.3:1 | PASS |
| accentInk on surface | 6.8:1 | 6.2:1 | PASS |
| accentContrast on accent | 6.1:1 | 6.1:1 | PASS |
| success on surface | 10.1:1 | 5.5:1 | PASS |
| warning on surface | 11.6:1 | 7.1:1 | PASS |
| danger on surface | 7.0:1 | 6.5:1 | PASS |
| focus on surface | 8.3:1 | 4.3:1 | PASS |