NABOR V3 LAB · konfigurator strony (v2)

NABOR V3 LABkonfigurator v2 · nic nie zapisuje do źródeł · V1 i produkcja nietknięte

Warianty składu (zmieniają gramatykę)

Hero

22:43

Tryby

6 miesięcy

Kim jestem

Dowody (tło)

Siatka

Gęstość

Akcent

Kolory (tokeny)

--paper

--ink

--red

--blue

--manila

--black

--sheet

Geometria

Gutter desktop64px

Kontener1180px

Siatka (px)24px

Radius3px

Grubość linii1px

Crop hero (y)22%

Rodziny (max 2)

Display/tekst

Mono/etykiety

Skala

Skala globalna1

Display (rem)token

H2 (rem)token

H3 (rem)1.25rem

Lead (rem)token

Body (rem)1.0625rem

Eyebrow (rem).68rem

Metric (rem)1.1rem

CTA (rem).95rem

Rytm

LH display.98

LH H2.98

LH body1.55

Tracking display-.035em

Tracking eyebrow.14em

Waga display700

Measure60ch

Ruch i głębia

Czas (×)1

Stagger (ms)70ms

Easing

Ziarno0

Reduced motion

Podgląd RM symuluje prefers-reduced-motion: wszystkie stany końcowe bez animacji. Sticky rewind (desktop) wyłącza się razem z ruchem.

Cienie arkuszy

Sheet

Przeciągnij, aby zmienić kolejność. ▲▼ przesuń · ⧉ duplikuj · ◌ ukryj · ✕ usuń · 🔒 zablokuj. „Przywróć” wraca usunięte. Zmiany są tylko w podglądzie; kolejność produkcyjną ustawia content/nabor-v3.json → sections.

Włącz ◎ Wybierz element, kliknij coś w podglądzie. Breakpoint edycji: zakładka Responsive (domyślnie desktop).

Nic nie wybrano.

Breakpoint dla edycji elementów

Właściwości z zakładki Element zapisują się dla wybranego breakpointu jako reguła @media. Przełącz urządzenie w nagłówku, żeby zobaczyć efekt.

Tokeny mobilne

Display mobiletoken

H2 mobiletoken

Body mobiletoken

Gutter mobile20px

Section-y mobiletoken

Presety zmieniają gramatykę składu (hero, materiał dowodów, rytm, akcent, tempo ruchu), nie tylko kolory.

Własne

Stan (JSON)

Eksport CSS wklej do config/nabor-v3-tokens.css (tokeny) lub do szablonu (reguły elementów). Stan zapisuje się też w localStorage.