lemngard
Coș 0

Lemngard

Design system

Token-uri, tipografie și componente pentru interfața publică și zonele de cont.

Logotype

Wordmark

lemngard

lemngard

lemngard

Spațiu liber minim: înălțimea literei „l” în jurul wordmark-ului. Nu așeza alte elemente în acest chenar.

Paleta

Culori

Verde închis trend — alege o variantă (copiază hex în clipboard).

Pine Forest

British Racing

Aventurine

forest-950

.forest-950

forest-900

.forest-900

forest-700

.forest-700

forest-500

.forest-500

moss-300

.moss-300

clay-900

.clay-900

clay-700

.clay-700

clay-500

.clay-500

sand-200

.sand-200

sand-100

.sand-100

bone

.bone

ink

.ink

line

.line

Tipografie

Fraunces + Inter

Lemn rindeluit pentru garduri bordurate.

Titlu H1 demonstrativ

Titlu H2 demonstrativ

Titlu H3 demonstrativ

Lead: Lemnul pentru exterior merită finisaje clare și mesaje fără zgomot. Acest paragraf folosește scala fluidă lead.

Body: Livrăm șipci rindeluite, compatibile cu gardurile bordurate standard, cu finisaj Sadolin și opțiuni de culoare pentru armonie cu peisajul curții.

Eyebrow · atelier

0123456789

0123456789

Fraunces aduce ton editorial calm; Inter susține UI-ul și lizibilitatea la dimensiuni mici. Nu amesteca alte familii fără acord explicit.

Spațiere și grilă

Grilă 12 coloane

Scala de spațiere: 4 · 8 · 12 · 16 · 24 · 32 · 48 · 64 · 96 (px).

4
8
12
16
24
32
48
64
96

Componente

Exemple

Badge
Întrebare exemplu

Răspuns scurt pentru pattern-ul FAQ.

Voce și ton

Principii

  • Clar: explicăm compatibilitatea gardului fără jargon inutil.
  • Calm: evităm urgența artificială și superlative goale.
  • Practic: cantități, finisaje, pașii comenzii sunt explicite.
  • Onest: preț orientativ și condiții de ofertă sunt menționate din prima.

Spunem

„Finisaj exterior cu 3 straturi Sadolin; oferta finală include transportul.”

Nu spunem

„Cea mai tare ofertă ever!!! Stoc limitat!!!”

Iconografie și imagine

Ghid

Fotografii în lumină naturală, grăunțul lemnului vizibil, fără poziții stock exagerate. Iconițe SVG cu trasă 1.5px, capete drepte.

Arhitectură UI (scalare)

Magazin static-first

Storefront-ul rămâne Astro + Tailwind + scripturi mici. Când zonele de admin și cont devin complexe (tabele dense, dialoguri, comboboxuri), introducem o singură insulă UI (preferință: React + Radix + shadcn) doar pe rutele /admin și fluxuri /cont, restilizate cu aceleași token-uri. Evităm kit-uri pre-stilizate grele pe marketing.

Changelog

Istoric

  • 14 mai 2026 — v1.0 · Sistem de design scandinav (forest + clay), pagină branding, slider video administrabil.