Brand guide.
Brand guide
Marka opiera się na spokoju, uważności i autentyczności. Komunikuje się w sposób prosty i bezpośredni, bez nadmiaru metafor i bez presji. Stawia na relację, poczucie bezpieczeństwa i zaufanie, unikając języka eksperckiej dominacji. Jest obecna, ale nienachalna – wspierająca, a nie narzucająca rozwiązania.
Brand guide porządkuje podstawowe elementy identyfikacji wizualnej i językowej marki. Zawiera zasady dotyczące kolorystyki, typografii, logotypu oraz tonu komunikacji.

Dokument ten ma służyć jako punkt odniesienia przy projektowaniu strony internetowej, materiałów informacyjnych oraz dalszych elementów komunikacji, dbając o spójność, czytelność i spokojny charakter marki.

Paleta kolorów

Paleta kolorystyczna marki opiera się na naturalnych, wyciszonych odcieniach inspirowanych światłem, materiałami i krajobrazem. Jej celem jest budowanie poczucia bezpieczeństwa, spokoju i klarowności, bez wizualnej presji i nadmiaru kontrastów. Kolory pełnią określone role semantyczne i funkcjonalne.

Jasny Beż

relacja, rozmowa

Primary

narracje, wprowadzenia tekstowe
cytaty, opisy

Blada Szałwia

wsparcie, miękkość

Accent Light

tła kart, sekcje pomocnicze,
separatory

Jasny Niebieski

działanie, ulga

Action

główne CTA, przyciski,
hiperlinki

Łąka

znaczenie, decyzja

Accent

ikony, elementy znaczące
secondary CTA

Jasny Kamień

struktura, porządek

Gray Light

karty, listy,
didaskalia

Len

cisza, przestrzeń

Light

tło strony, długie czytanie
sekcje startowe

Kamień

struktura, porządek

Gray

karty, listy,
didaskalia

Węgiel Drzewny

prostolinijność, czytelność

Base

tekst główny, nagłówki
kluczowe informacje

Gradient 01

Gradient 02

Gradient 03

Typografia

Typografia marki oparta jest na kroju Manrope – nowoczesnym, czytelnym i neutralnym wizualnie. Jej zadaniem jest wspieranie treści, a nie konkurowanie z nią. Manrope zapewnia wysoki komfort czytania, klarowną hierarchię informacji oraz spokojny, nienarzucający się charakter komunikacji.
Primary Font
Manrope
Secondary Font
Warbler
H1 Headings 50px
Ac cras tellus sem mollis quam est feugiat.
H2 Headings 45px
Ac cras tellus sem mollis quam est feugiat.
H3 Headings 30px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet.
H3 Headings 25px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet.
Dual H1 Headings Italic 60px
Ac cras tellus sem mollis quam est feugiat.
Dual H2 Headings Italic 55px
Ac cras tellus sem mollis quam est feugiat vulputate.
Dual H3 Headings Italic 40px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet.
Dual H3 Heading Italic 30px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet. Ipsum ultricies sed sit in erat sit commodo.
Body Text 500 14px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet. Ipsum ultricies sed sit in erat sit commodo. Tincidunt odio senectus risus fringilla at elit et quam. Tempus lacus magna in eget accumsan vel.
Button Text 500 16px
Vulputate dui
Note Header Body Text 800 14px
Ac cras tellus sem mollis quam est feugiat. 
Nav Menu Header Links 500 16px
cras     tellus     sem     mollis     quam     est     feugiat
Accent Body Text 500 25px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet. Ipsum ultricies sed sit in erat sit commodo. Tincidunt odio senectus risus fringilla at elit et quam.
Accent Body Text 500 20px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet. Ipsum ultricies sed sit in erat sit commodo. Tincidunt odio senectus risus fringilla at elit et quam. Tempus lacus magna in eget accumsan vel.
Accent Body Text 500 16px
Ac cras tellus sem mollis quam est feugiat. Vulputate dui quis consectetur cras nisl eu turpis varius aliquet. Ipsum ultricies sed sit in erat sit commodo. Tincidunt odio senectus risus fringilla at elit et quam. Tempus lacus magna in eget accumsan vel.