Serene Pure Horizon
Calm, minimalist sage-green aesthetic with Instrument Serif. For wellness, journals and soft products.
One-time payment • VAT included • Source code included
- Components
- 5
- Tech stack
- React, Vue, Tailwind CSS
- Licence
- Commercial
- Delivery
- Instant access (zip + Git)
- Updated
Creator
About this kit
Serene is a soft, calm design system built for products that want to breathe. Instrument Serif for headings, Inter for text, a muted sage/salvia palette and generous white air.
Perfect for meditation apps, journals, wellness brands, retreats and anything that wants to feel premium but human.
Components included
Features
- responsiv design
- common UI components
- customizable color palette
- user-friendly navigation
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 an app landing page with the 'Serene Pure Horizon' kit. Include a user registration and news section.
