Skip to content
The FloraMorphism design system focuses on harmonious typography and color palettes for web development and app design with AI elements from ZORC New
Ethereal Flora-Morphism – screenshot 2
Ethereal Flora-Morphism – screenshot 3
Ethereal Flora-Morphism – screenshot 4
Ethereal Flora-Morphism – screenshot 5
Ethereal Flora-Morphism – screenshot 6
Ethereal Flora-Morphism – screenshot 7
// COLOUR PALETTE
Ljusgrön primär #A8E8C4
Mörkgrön sekundär #4B8E8D
Grå bakgrund #F0F4F8
Vit text #FFFFFF
// Neumorphism UI kit

Ethereal Flora-Morphism

Organic, botanical design with Cormorant Garamond and sage green. Like a digital herbarium meets modern design system.

50 kr

One-time payment • VAT included • Source code included

Components
5
Tech stack
React, Vue, Figma, Tailwind CSS
Licence
Commercial
Delivery
Instant access (zip + Git)
Updated

About this kit

Ethereal Flora-Morphism is a unique botanical design system that mixes classic editorial typography (Cormorant Garamond) with modern sans-serif (Outfit). Warm sage tones, creamy white background and organic shapes create a calm, premium feel.

Perfect for premium brands, wellness, beauty, lifestyle, restaurants, hotels, agency portfolios and anything where calm confidence is more important than loud conversion. Think Aesop meets The New York Times Style Magazine.

Paste in your AI and get an entire site, app or dashboard built in the same organic aesthetic — all AI instructions are embedded in the HTML file as comments.

Components included

knappar kort form modaler toolbar

Features

  • responsiv design
  • dark mode
  • animera element
  • skapa anpassade teman
  • interaktiv feedback

When does this kit fit?

saas dashboard landing-page mobile-app

Tech stack

React Vue Figma Tailwind CSS

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 responsive landing page for a plant shop with Ethereal Flora-Morphism UI Kit, including main header and product card.

Common questions

What does Ethereal Flora-Morphism include?
Ethereal Flora-Morphism includes 5 components, including knappar, kort, form, modaler and more.
What tech stack is Ethereal Flora-Morphism built on?
Ethereal Flora-Morphism is built with React, Vue, Figma, Tailwind CSS.
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