JuisteMakelaar Design System
Huisstijl test met Rethink Sans, het JuisteMakelaar kleurenpalet en alle Nuxt UI componenten.
Color Palette — Juiste
50
100
200
300
400
500
600
700
800
900
950
Semantic Colors
Primary (juiste)
Success (emerald)
Error (red)
Warning (amber)
Info (sky)
Typography — Rethink Sans
text-5xl / font-bold
De juiste makelaar maakt het verschil
text-4xl / font-bold
Heading One
text-3xl / font-semibold
Heading Two
text-2xl / font-semibold
Heading Three
text-xl / font-medium
Heading Four
text-lg / font-medium
Heading Five
text-base / font-normal
Body text — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
text-sm / font-normal
Small text — Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
text-xs / font-normal
Caption text — Duis aute irure dolor in reprehenderit.
Text Color Utilities
text-highlightedHighlighted text (headings, emphasis)
text-defaultDefault text (body)
text-tonedToned text (subtitles)
text-mutedMuted text (secondary)
text-dimmedDimmed text (hints)
Background Utilities
bg-default
bg-muted
bg-elevated
bg-accented
bg-inverted
Border Radius
rounded-none
rounded-sm
rounded
rounded-md
rounded-lg
rounded-xl
rounded-2xl
rounded-full