Medical Clean themePro
Clinical clarity: Nunito, a trustworthy teal-blue on clean white, rounded corners, light shadows and calm, predictable motion. Part of Pro theme packs. Radius 0.75rem.
Live preview
Install
The CLI writes these variables into your global stylesheet. Every component reads them, so the whole app changes at once.
Medical Clean is a Pro theme pack
Preview it freely. The CSS, Tailwind file, design tokens and the CLI install come with a tealmac UI Pro licence.
Export the tokens
The same theme as Tailwind v4 CSS, plain CSS variables, SCSS, JavaScript, TypeScript, DTCG design tokens, Figma variables and starter files for Swift, Android, Jetpack Compose and Flutter.
Exports of a Pro theme need an active licence.
Contrast report
Measured contrast of every pair. This preset predates the theme gates and is shown as it is.
| Pair | Ratio | Result |
|---|---|---|
| Text on background | 17.56:1 / 4.5:1 | Pass |
| Text on cards | 18.07:1 / 4.5:1 | Pass |
| Popover text | 18.07:1 / 4.5:1 | Pass |
| Muted text on muted | 5.96:1 / 4.5:1 | Pass |
| Muted text on background | 6.6:1 / 4.5:1 | Pass |
| Primary button text | 5.6:1 / 4.5:1 | Pass |
| Secondary button text | 15.87:1 / 4.5:1 | Pass |
| Accent label | 11.21:1 / 4.5:1 | Pass |
| Sidebar text | 16.97:1 / 4.5:1 | Pass |
| Sidebar active item | 5.6:1 / 4.5:1 | Pass |
| Sidebar hover item | 11.21:1 / 4.5:1 | Pass |
| Primary on background | 5.61:1 / 3:1 | Pass |
| Focus ring on background | 5.61:1 / 3:1 | Pass |
| Destructive on background | 4.78:1 / 4.5:1 | Pass |
| Destructive on cards | 4.92:1 / 4.5:1 | Pass |
| Pair | Ratio | Result |
|---|---|---|
| Text on background | 17.53:1 / 4.5:1 | Pass |
| Text on cards | 16.41:1 / 4.5:1 | Pass |
| Popover text | 16.41:1 / 4.5:1 | Pass |
| Muted text on muted | 6.37:1 / 4.5:1 | Pass |
| Muted text on background | 7.73:1 / 4.5:1 | Pass |
| Primary button text | 8.45:1 / 4.5:1 | Pass |
| Secondary button text | 14.44:1 / 4.5:1 | Pass |
| Accent label | 10.98:1 / 4.5:1 | Pass |
| Sidebar text | 16.93:1 / 4.5:1 | Pass |
| Sidebar active item | 8.45:1 / 4.5:1 | Pass |
| Sidebar hover item | 10.98:1 / 4.5:1 | Pass |
| Primary on background | 8.61:1 / 3:1 | Pass |
| Focus ring on background | 8.61:1 / 3:1 | Pass |
| Destructive on background | 6.65:1 / 4.5:1 | Pass |
| Destructive on cards | 6.23:1 / 4.5:1 | Pass |