Hoppa till innehåll
Minimalistisk och lyxig design med typografi och färgpalett från ZORC:s UI-designkit New
Maison UI – skärmbild 2
Maison UI – skärmbild 3
Maison UI – skärmbild 4
Maison UI – skärmbild 5
Maison UI – skärmbild 6
Maison UI – skärmbild 7
// FÄRGPALETT
Huvudblå primär #0D47A1
Ljusgrå bakgrund #E0E0E0
Mörkgrå text #424242
Accentgul accent #FFD600
// Minimal UI Kit

Maison UI

High-fashion editorial designsystem med Bodoni Moda och Montserrat. Som Vogue, Dior och The Row — i kod.

50 kr

Engångsbetalning • Inkl. moms • Källkod ingår

Komponenter
6 st
Tech stack
React, Vue, Angular, HTML, CSS, JavaScript
Licens
Kommersiell
Leverans
Direktåtkomst (zip + Git)
Uppdaterad

Om kit:et

Maison UI är ett high-fashion editorial designsystem inspirerat av modetidningarnas grafiska språk. Bodoni Moda för display med stora ital-kontraster, Montserrat för clean sans-serif body, varm alabaster-bakgrund och inkblack accent.

Perfekt för lyx-varumärken, mode, beauty, parfym, hotell, restauranger, gallerier, agency-portfolios och allt där tystnad och självförtroende säljer hårdare än rop. Tänk Vogue möter Dior möter The Row.

Klistra in i din AI och få en hel sajt, kampanjsida eller lookbook byggd i exakt samma editorial-estetik — alla AI-instruktioner ligger inbäddade i HTML-filen som kommentarer.

Komponenter som ingår

knappar kort modaler formulär menyer ikoner

Funktioner

  • responsiv design
  • anpassningsbar stil
  • tillgänglighetsanpassningar
  • interaktiva element
  • komponentbibliotek
  • SEO-vänlig

När passar kit:et?

dashboard admin internal-tool marketing-site portfolio

Tech stack

React Vue Angular HTML CSS JavaScript

Så använder du kit:et

  1. Steg 01

    Ladda ner

    Logga in på ZORC och hämta zip-filen från dina köp. All källkod och dokumentation finns med.

  2. Steg 02

    Kopiera in i ditt projekt

    Lägg mappen components/ i ditt projekt — eller installera via package.json om kit:et är paketerat för NPM.

  3. Steg 03

    Koppla design tokens

    Mappen tokens/ har färger, typografi och spacing som du lägger till i din Tailwind-config eller som CSS-variabler.

  4. Steg 04

    Börja bygga

    Importera komponenterna och använd dem direkt. Varje komponent har exempel, props och varianter i dokumentationen.

Exempelprompt för AI

Skapa en anpassad dashboard med Maison UI och inkludera en sidomeny samt ett grafiskt diagram för statistiken.

Vanliga frågor

Vad innehåller Maison UI?
Maison UI innehåller 6 komponenter inklusive knappar, kort, modaler, formulär och mer.
Vilken teknik bygger kit:et på?
Maison UI är byggt med React, Vue, Angular, HTML, CSS, JavaScript.
Är komponenterna tillgängliga?
Ja. De följer WCAG 2.1 AA där innehållet tillåter — fokusring, tangentbord, ARIA och kontraster.
Vilken licens får jag?
Kommersiell. Du får använda komponenterna i din organisations betalda projekt. Det enda du inte får är att sälja vidare själva kit:et.
Hur kommer jag igång?
Kopiera in mappen components/, lägg till design tokens och börja bygga. En komplett guide följer med.
Får jag uppdateringar?
Ja. Alla framtida versioner är inkluderade utan extra kostnad så länge kit:et finns kvar i sortimentet.
// Andra UI kits

Fler kits från ZORC