Grafit
Uniwersalny firmowy błękit na chłodnej szarości. Pasuje usługom, rzemiosłu i B2B — nikogo nie urazi i nigdzie nie popycha.
Jasny · Chłodny szary · Modroszary · Kamienny szary · Chłodna
Wybierz schemat$ ./wybierz-kolory.sh
Każda z wszystkich 11 616 kombinacji wychodzi wystarczająco kontrastowa i czytelna.
// jak to działa
Wybór schematu kolorów strony jest prosty, poradzi sobie z nim każdy:
Motyw
Najpierw zdecyduj, czy Twoja strona ma być jasna, czy ciemna.
Cztery kolory
Potem wybierasz cztery rodzaje kolorów według ich znaczenia: kolor tła, kolor nagłówków głównych, kolor nagłówków pobocznych i kolor tekstu.
Podgląd
Na bieżąco widzisz podgląd aktualnej kombinacji kolorów. Ewentualnie możesz wybierać z 18 gotowych.
Zapytanie
Gotowy wybór dodajesz potem do zapytania jednym kliknięciem.
// cztery kolory, cztery role
Strona internetowa nie potrzebuje dziesięciu kolorów. Potrzebuje jednego, na którym stoi, jednego, który niesie markę, jednego o stopień cichszego i jednego na tekst. Każdy kolor ma na stronie swoją rolę — sam w sobie nic nie znaczy, ważne jest to, jak został użyty.
Kolor, na którym stoi strona. Czysta biel to tylko jedna z możliwości — delikatne przejście w kremowy albo szary czyni stronę wyraźnie spokojniejszą i na dużej powierzchni mniej razi w oczy.
Kolor, który jest akcentem strony. Poza nagłówkami niosą go też domyślne przyciski i odnośniki, więc jest zarazem głównym kolorem marki — i właśnie dlatego nie może go być na stronie za dużo. Bo kolor, który jest wszędzie, nie jest akcentem.
Drugi kolor, o stopień cichszy. Wyróżnia mniej ważne nagłówki i podpisy, żeby strona miała więcej niż dwa poziomy, ale nie zrobiła się pstrokata. Jest też kolorem przycisków, które nie są domyślne. Spokojnie może być taki sam jak główny.
Zwykły tekst jest zawsze prawie czarny — a na ciemnym tle prawie biały. Wybierasz wyłącznie jego temperaturę: chłodna pasuje do błękitu i morskiego, ciepła do terakoty i brązu. To różnica, której nikt nie zauważy, dopóki nie zobaczy ich obok siebie. Zawsze trzeba brać pod uwagę czytelność tekstu wobec koloru tła.
// ponad kolorami
Ponad tymi czterema kolorami jest jeszcze jeden wybór: czy strona ma świecić, czy być ciemna. To jednak nie druga paleta i nie robi się tego dwa razy. Każdy odcień, który wybierzesz, ma postać jasną i ciemną, a o tym, która obowiązuje, decyduje motyw. Wybierasz „zieleń” raz i jest to właściwa zieleń na białej stronie i na prawie czarnej.
W narzędziu niżej przełącznik motywu nie zmienia więc kolorów, tylko to, którą ich postać właśnie oglądasz. Tło trzymamy osobno dla każdego motywu, żeby przełączenie nigdy nie skończyło się na kombinacji, której nikt nie wybrał.
// wybierz
Podglądy zmieniają się od razu. Nie musisz tego rozumieć, wystarczy, że Ci się podoba. Motywem u góry przełączysz w każdej chwili, czy patrzysz na postać jasną, czy ciemną. Wybrany przez Ciebie schemat kolorów jest wyłącznie orientacyjny i można go w każdej chwili zmienić.
// gotowe kombinacje
Ewentualnie proponujemy niżej 18 sprawdzonych kombinacji, które ze sobą współgrają.
Uniwersalny firmowy błękit na chłodnej szarości. Pasuje usługom, rzemiosłu i B2B — nikogo nie urazi i nigdzie nie popycha.
Jasny · Chłodny szary · Modroszary · Kamienny szary · Chłodna
Wybierz schematGłębsze i nowocześniejsze niż grafit. Technologie, oprogramowanie, doradztwo, agencje.
Jasny · Biały · Indygo · Kamienny szary · Chłodna
Wybierz schematZupełnie bez koloru. Czerń, biel i jedna szarość — wszystko niesie tekst. Prawnicy, doradztwo, redakcje, architekci.
Jasny · Biały · Bez koloru · Kamienny szary · Neutralna
Wybierz schematSzarość ze wsparciem błękitu. Budowa maszyn, technika, przemysł, transport.
Jasny · Chłodny szary · Bez koloru · Modroszary · Chłodna
Wybierz schematZieleń bez ekologicznego frazesu. Ogrody, budownictwo, produkcja, zdrowie.
Jasny · Miętowy · Leśna zieleń · Brązowy · Zielonkawa
Wybierz schematŚwieża i czysta. Dentyści, apteki, sprzątanie, ekodrogeria.
Jasny · Miętowy · Morski · Leśna zieleń · Chłodna
Wybierz schematMorska, spokojna, cicha. Ochrona zdrowia, terapia, wellness, poradnie.
Jasny · Chłodny szary · Morski · Kamienny szary · Chłodna
Wybierz schematCiepły wypalony pomarańcz na kremowym tle. Gastronomia, kawiarnie, ceramika, rzemiosło.
Jasny · Kremowy · Terakota · Brązowy · Ciepła
Wybierz schematPomarańcz na bieli, tekst czarny. Sport, kursy, dostawy, sklepy internetowe — wszędzie tam, gdzie strona ma zachęcać do działania.
Jasny · Biały · Pomarańczowy · Bez koloru · Neutralna
Wybierz schematPomarańcz w pudrowym. Kawiarnie, piekarnie, kwiaciarnie, wellness.
Jasny · Pudrowy · Pomarańczowy · Bordo · Ciepła
Wybierz schematBordo, stonowana elegancja. Beauty, moda, winiarnie, salony.
Jasny · Pudrowy · Bordo · Kamienny szary · Ciepła
Wybierz schematPudrowy z indygo. Moda, design, kosmetyki — delikatnie, ale nie słodko.
Jasny · Pudrowy · Indygo · Bordo · Chłodna
Wybierz schematBeż z brązem. Architektura, wnętrza, meble, stolarka na zamówienie.
Jasny · Piaskowy · Brązowy · Bez koloru · Ciepła
Wybierz schematCiemna ze złotawym akcentem. Usługi premium, fotografia, portfolio.
Ciemny · Węglowy · Złocisty · Kamienny szary · Ciepła
Wybierz schematCiemny granat. Oprogramowanie, produkty i narzędzia, przy których ciemna strona jest oczekiwana.
Ciemny · Północny · Modroszary · Kamienny szary · Chłodna
Wybierz schematCiemna zieleń. Ogrodnictwo, drewno, outdoor, rzemiosło robione na dworze.
Ciemny · Leśny · Leśna zieleń · Brązowy · Zielonkawa
Wybierz schematCiemny brąz ze złotem. Palarnie, piekarnie, pracownie skórzane, bary.
Ciemny · Kawowy · Brązowy · Złocisty · Ciepła
Wybierz schematCiemny brąz z jaskrawym pomarańczem. Bary, kluby, studia tatuażu, gastronomia czynna wieczorem.
Ciemny · Kawowy · Pomarańczowy · Kamienny szary · Ciepła
Wybierz schemat// masz własny kolor?
Jeśli masz w logo kolor podstawowy, który ludzie już znają choćby z wizytówek albo z witryny, warto zacząć od niego i ustawić go jako główny. Dotyczy to też pozostałych kolorów — wygląd strony i logo są wtedy w podobnej gamie. Nie zawsze jednak się da, na przykład z powodu słabej czytelności. Wtedy trzeba zdefiniować nowy schemat kolorów.
Przycisk przy wyborze wyżej otwiera zapytanie z wypełnioną kombinacją. Resztę dopracujemy na adresie testowym.
Napisz do nas