Skip to content
Minimalistic and luxurious design with typography and color palette from ZORC's UI design kit New
Maison UI – screenshot 2
Maison UI – screenshot 3
Maison UI – screenshot 4
Maison UI – screenshot 5
Maison UI – screenshot 6
Maison UI – screenshot 7
// COLOUR PALETTE
Huvudblå primär #0D47A1
Ljusgrå bakgrund #E0E0E0
Mörkgrå text #424242
Accentgul accent #FFD600
// Minimal UI kit

Maison UI

High-fashion editorial design system with Bodoni Moda and Montserrat. Like Vogue, Dior and The Row — in code.

50 kr

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

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

knappar kort modaler form menyer ikoner

Features

  • responsiv design
  • anpassningsbar stil
  • accessibility adaptations
  • interaktiva element
  • komponentbibliotek
  • SEO friendly

When does this kit fit?

dashboard admin internal-tool marketing-site portfolio

Tech stack

React Vue Angular HTML CSS JavaScript

How to use this kit

  1. Step 01

    Download

    Sign in to ZORC and fetch the zip from your purchases. All source code and documentation is included.

  2. 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.

  3. Step 03

    Wire up design tokens

    The tokens/ folder holds colours, typography and spacing for your Tailwind config or CSS variables.

  4. 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.

Common questions

What does Maison UI include?
Maison UI includes 6 components, including knappar, kort, modaler, form and more.
What tech stack is Maison UI built on?
Maison UI is built with React, Vue, Angular, HTML, CSS, JavaScript.
Are the components accessible?
Yes. They follow WCAG 2.1 AA where the content allows — focus rings, keyboard support, ARIA and contrast.
What licence do I get?
Commercial. You may use the components across your organisation's paid projects. What you cannot do is resell the kit itself.
How do I get started?
Copy in the components/ folder, add the design tokens and start building. A full guide ships with the kit.
Do I get updates?
Yes. All future versions are included at no extra cost for as long as the kit remains in the catalogue.
// More UI kits

More kits from ZORC