Interactive
Accordion
Collapsible content sections for organizing information.
Multi-Open
What is the Dutchy Design System?
A bold, structured design language inspired by Dutch graphic design traditions.
What frameworks does it support?
Works with vanilla HTML/CSS, TailwindCSS, React, Vue, or any CSS framework.
Is it accessible?
Yes. High-contrast palette and WCAG-aware color guidance built in.
Single-Open (JS)
Getting Started
Include the CDN link for Tailwind and start building.
Customization
Override CSS custom properties to swap colors and typography.
Deployment
Build with Docker or Podman and serve via any static host.