Design System
Pré visualização do sistema bonito :)
Tipografia
| Size | Sample |
|---|---|
H1 | The quick brown fox jumps over the lazy dog. |
H2 | The quick brown fox jumps over the lazy dog. |
H3 | The quick brown fox jumps over the lazy dog. |
H4 | The quick brown fox jumps over the lazy dog. |
H5 | The quick brown fox jumps over the lazy dog. |
H6 | The quick brown fox jumps over the lazy dog. |
Paragraph | The quick brown fox jumps over the lazy dog. |
Link | The quick brown fox jumps over the lazy dog. |
shadcn/ui
| Component Type | ||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Buttons |
|
|
|
| ||||||||||||||||||||||||||||||||||||||||
| Badges | Primary | Secondary | Outline | Ghost | ||||||||||||||||||||||||||||||||||||||||
| Dropdown | ||||||||||||||||||||||||||||||||||||||||||||
Cores
bg-surface-dim
text-on-surface
bg-primary
text-on-primary
bg-tertiary
text-on-tertiary
bg-secondary
text-on-secondary
bg-surface-bright
text-on-surface
bg-primary
text-on-primary
bg-tertiary
text-on-tertiary
bg-secondary
text-on-secondary
bg-surface
text-on-surface
bg-primary
text-on-primary
bg-tertiary
text-on-tertiary
bg-secondary
text-on-secondary
bg-surface-container-lowest
text-on-surface
bg-surface-container-low
text-on-surface
bg-surface-container
text-on-surface
bg-surface-container-high
text-on-surface
bg-surface-container-highest
text-on-surface
bg-primary-container
text-on-primary-container
bg-primary
text-on-primary
bg-tertiary
text-on-tertiary
bg-secondary
text-on-secondary
bg-secondary-container
text-on-secondary-container
bg-primary
text-on-primary
bg-tertiary
text-on-tertiary
bg-secondary
text-on-secondary
bg-tertiary-container
text-on-tertiary-container
bg-primary
text-on-primary
bg-tertiary
text-on-tertiary
bg-secondary
text-on-secondary