New
Maison UI
High-fashion editorial design system with Bodoni Moda and Montserrat. Like Vogue, Dior and The Row — in code.
One-time payment • VAT included • Source code included
- Components
- 6
- Tech stack
- React, Vue, Angular, HTML, CSS, JavaScript
- Licence
- Commercial
- Delivery
- Instant access (zip + Git)
- Updated
Creator
About this kit
Maison UI is a high-fashion editorial design system inspired by the graphic language of fashion magazines. Bodoni Moda for display with large ital contrasts, Montserrat for clean sans-serif body, warm alabaster background and inkblack accent.
Perfect for luxury brands, fashion, beauty, perfume, hotels, restaurants, galleries, agency portfolios and everything where silence and confidence sell harder than shouting. Think Vogue meets Dior meets The Row.
Paste in your AI and get an entire site, campaign page or lookbook built in the exact same editorial aesthetic — all AI instructions are embedded in the HTML file as comments.
Components included
Features
- responsiv design
- anpassningsbar stil
- accessibility adaptations
- interaktiva element
- komponentbibliotek
- SEO friendly
When does this kit fit?
Tech stack
How to use this kit
- Step 01
Download
Sign in to ZORC and fetch the zip from your purchases. All source code and documentation is included.
- Step 02
Copy into your project
Drop the components/ folder into your project — or install via package.json if the kit is packaged for npm.
- Step 03
Wire up design tokens
The tokens/ folder holds colours, typography and spacing for your Tailwind config or CSS variables.
- Step 04
Start building
Import the components and use them straight away. Each one ships with examples, props and variants in the docs.
Example AI prompt
Create a custom dashboard with Maison UI and include a side menu and a graphical chart for the statistics.