Strona za Stówkę
Księga znaku
Ciepła, organiczna tożsamość dla stron małych firm — prosto, konkretnie i bez korporacyjnego żargonu.
01 · Znak
Logo i sygnet
Podstawowy znak to okrągły sygnet z literą S na terracotta, zestawiony z nazwą w Baloo 2 ExtraBold. Nie używamy starego niebieskiego wariantu z wczesnych wersji marki.
Wariant pełny
Sygnet (app icon / favicon)
Pole ochronne
Wokół znaku zostaw wolną przestrzeń równą co najmniej połowie wysokości sygnetu.
Minimalny rozmiar
Pełny lockup nie schodzi poniżej ~28 px wysokości sygnetu. Na małych powierzchniach — sam okrągły sygnet.
Stosuj / unikaj
02 · Kolor
Paleta Organic v3
Kremowe tła, terracotta jako CTA i szałwia jako akcent wtórny. Tokeny żyją w .home-v3 (home-v3.css).
Fundament
Tło
--v3-bg
Powierzchnia
--v3-surface
Tekst
--v3-text
Terrakota
Accent
--v3-accent
Accent 700
--v3-accent-700
Accent 100
--v3-accent-100
Accent 400
--v3-accent-400
Szałwia
Accent 2
--v3-accent-2
Sage 100
--v3-accent-2-100
Sage 800
--v3-accent-2-800
Neutralne
Neutral 100
--v3-neutral-100
Neutral 500
--v3-neutral-500
Neutral 800
--v3-neutral-800
Kontrast: terracotta #9A5428 spełnia ≥4.5:1 jako tekst na kremie i jako biały tekst na przycisku. Unikaj fioletów, neonów i „AI purple”.
03 · Typografia
Baloo 2 + Figtree
Nagłówki: Baloo 2 ExtraBold (800) — zaokrąglona, ciepła ekspresja. Treść: Figtree 400–800 — czytelna, nowoczesna bez „startup Inter”.
Baloo 2 · ExtraBold · --font-v3-heading
Twoja firma w Google.
Za 0 zł do akceptacji.
letter-spacing: -0.015em · line-height: 1.08 · .home-v3-heading
Figtree · Regular / Semibold · --font-v3-body
Wypełniasz krótki brief i nic nie ryzykujesz. Dostajesz gotową stronę — płacisz dopiero, gdy ją zaakceptujesz.
Skala
- Display · hero
- H2 · sekcja
- H3 · podtytuł
- Body large · 17–21 px
- Body · 15 px
- Caption · 12–13 px
04 · Głos
Ton i komunikaty
Mówimy jak do właściciela małej firmy przy kawie: konkret, cena, czas. Bez buzzwordów, bez „synergii”, bez straszenia technologią.
Tak mówimy
- Obietnica
„Strona za 0 zł do akceptacji. Gotowa zwykle w 24 godziny.”
- Dla kogo
„Strony dla małych firm — z formularzem, mapą i telefonem pod ręką klienta.”
- Proces
„Wypełniasz brief i nic nie ryzykujesz. Płacisz dopiero po akceptacji.”
Tak nie mówimy
- „Synergiczne rozwiązania digitalowe dla Twojego biznesu”
- „Kompleksowa transformacja obecności online”
- „Innowacyjna platforma e-commerce nowej generacji”
Słowa kluczowe
brief · 24 godziny · 100 zł netto · poprawki · mała firma · Google · publikacja · hosting
05 · UI
Przyciski i ikony
CTA zawsze w pill shape (rounded-full), nagłówek Baloo na etykiecie. Ikony: Lucide, stroke ~2.75, bez emoji w UI (poza świadomymi badge’ami marketingowymi).
Tagi
Promień i cień
--v3-radius-md
16 px
--v3-radius-lg
28 px
pills / CTA
999 px
Ikony
- Źródło: lucide-react
- Stroke: zwykle 2.5–2.75 — czytelne na kremowym tle
- Kolor: dziedziczony z tekstu lub
--v3-accent - Bez gradientów, glow i wielowarstwowych cieni na ikonach
Gotowi budować w tym systemie?
Tokeny, fonty i komponenty V3Shell — jeden język wizualny na całej stronie.