Hoppa till innehåll
UI-design av ZORC med fokus på enkelhet och skönhet, inkluderar komponenter för webbapplikationer och designinspiration
Serene Pure Horizon – skärmbild 2
Serene Pure Horizon – skärmbild 3
Serene Pure Horizon – skärmbild 4
Serene Pure Horizon – skärmbild 5
Serene Pure Horizon – skärmbild 6
Serene Pure Horizon – skärmbild 7
// FÄRGPALETT
Himlarblå bakgrund #A7C7E7
Mjukt Vitt ytor #FFFFFF
Ljust Grå gränser #F1F3F5
Djupt Blå text #003A70
Grön Vår accent #5DA855
// Minimal UI Kit

Serene Pure Horizon

Lugn, minimalistisk salvia-grön estetik med Instrument Serif. För wellness, journaler och mjuka produkter.

50 kr

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

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

Om kit:et

Serene är ett mjukt, lugnt designsystem byggt för produkter som vill andas. Instrument Serif för rubriker, Inter för text, en dämpad sage/salvia-palett och generös vit luft.

Perfekt för meditationsappar, journaler, wellness-brands, retreats och allt som vill kännas premium men mänskligt.

Komponenter som ingår

knappar formulär kort modaler menyer

Funktioner

  • responsiv design
  • gängse UI-komponenter
  • anpassningsbar färgpalett
  • användarvänlig navigering

När passar kit:et?

dashboard landing-page blog portfolio mobile-app

Tech stack

React Vue 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 landningssida för en app med kittet 'Serene Pure Horizon'. Inkludera en användarregistrering och nyhetssektion.

Vanliga frågor

Vad innehåller Serene Pure Horizon?
Serene Pure Horizon innehåller 5 komponenter inklusive knappar, formulär, kort, modaler och mer.
Vilken teknik bygger kit:et på?
Serene Pure Horizon är byggt med React, Vue, 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