Hoppa till innehåll
Designsystemet FloraMorphism fokuserar på harmonisk typografi och färgpaletter för webbutveckling och app-design med AI-element från ZORC New
Ethereal Flora-Morphism – skärmbild 2
Ethereal Flora-Morphism – skärmbild 3
Ethereal Flora-Morphism – skärmbild 4
Ethereal Flora-Morphism – skärmbild 5
Ethereal Flora-Morphism – skärmbild 6
Ethereal Flora-Morphism – skärmbild 7
// FÄRGPALETT
Ljusgrön primär #A8E8C4
Mörkgrön sekundär #4B8E8D
Grå bakgrund #F0F4F8
Vit text #FFFFFF
// Neumorphism UI Kit

Ethereal Flora-Morphism

Organisk, botanisk design med Cormorant Garamond och sage-grön. Som ett digitalt herbarium möter modernt designsystem.

50 kr

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

Komponenter
5 st
Tech stack
React, Vue, Figma, Tailwind CSS
Licens
Kommersiell
Leverans
Direktåtkomst (zip + Git)
Uppdaterad

Om kit:et

Ethereal Flora-Morphism är ett unikt botaniskt designsystem som blandar klassisk editorial typografi (Cormorant Garamond) med modern sans-serif (Outfit). Varma sage-toner, krämvit bakgrund och organiska former skapar en lugn, premium-känsla.

Perfekt för premium-varumärken, wellness, beauty, lifestyle, restauranger, hotel, agency-portfolios och allt där lugnt självförtroende är viktigare än skrikig konvertering. Tänk Aesop möter The New York Times Style Magazine.

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

Komponenter som ingår

knappar kort formulär modaler verktygsfält

Funktioner

  • responsiv design
  • mörkt läge
  • animera element
  • skapa anpassade teman
  • interaktiv feedback

När passar kit:et?

saas dashboard landing-page mobile-app

Tech stack

React Vue Figma Tailwind CSS

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 responsiv landningssida för en växtbutik med Ethereal Flora-Morphism UI Kit, inklusive huvudrubrik och produktkort.

Vanliga frågor

Vad innehåller Ethereal Flora-Morphism?
Ethereal Flora-Morphism innehåller 5 komponenter inklusive knappar, kort, formulär, modaler och mer.
Vilken teknik bygger kit:et på?
Ethereal Flora-Morphism är byggt med React, Vue, Figma, Tailwind CSS.
Ä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