Design System
Color Palette
Primary
Primary
Main brand color
.bg-primary Secondary
Secondary
Secondary brand color
.bg-secondary Accent
Accent
Attention-grabbing color
.bg-accent Neutral
Neutral
Dark/Neutral surfaces
.bg-neutral Base 100
Base 100
Main background
.bg-base-100 Base 200
Base 200
Section background
.bg-base-200 Aa Typography
Hand-crafted with love and a little bit of magic.
Coquette
Playful and artistic display font for headings and special text
.font-coquette --font-coquette Accent Font • Weights: 400
The artistic soul of design.
Brother 1816 Printed
Vintage typewriter style for a more doodled feel
.font-brother --font-brother Primary Font • Weights: 400, 600, 700, 800
Typography Scale
Heading 1
• Brother 1816 Printed 800.text-5xl.font-extrabold.text-primary Heading 2
• Brother 1816 Printed 700.text-4xl.font-bold Heading 3
• Brother 1816 Printed 600.text-2xl.font-semibold.text-secondary A collection of selected artworks.
Body Text
• Brother 1816 Printed 400.text-lg.leading-relaxed.text-base-content/80 Explore a curated collection of artistic works, from digital illustrations to large-scale murals! Our design philosophy blends precision with the chaotic beauty of hand-drawn elements.
Accent Text
• Coquette 400.font-coquette.text-4xl.text-primary Hand-crafted with love and a little bit of magic.
DaisyUI Components
Buttons
Interactive Elements
NEW
SECONDARY
OUTLINE
Design Patterns
Artistic Blob
Our ArtCard component combines a custom border-radius with animations to create an awesome effect
Glassmorphism Card
Glass Effect
backdrop-blur will render the background slightly transparent.
Wavy Border Filter
SVG #wavy filter applied to a simple div.