Cyfrowa firma Szablon CSS

Fioletowe panele i zaokrąglone karty definiują wizualny system stylizacji

Paleta barw oparta na fiolecie, liliowym odcieniu, bieli i jasnej szarości tworzy wyraźny kontrast między najbardziej wyeksponowanymi obszarami strony a jej jaśniejszymi sekcjami treści. Ciemny fiolet zastosowano w zwięzłym panelu „Czym się zajmujemy”, podczas gdy białe i jasne tła zapewniają kartom opinii, kartom usług i danym kontaktowym przestrzeń niezbędną do zachowania pełnej czytelności. Ten kontrast można traktować jako uniwersalną regułę stylistyczną, a nie wyłącznie wybór koloru ograniczony do jednego bloku.

Zaokrąglone karty, przyciski w kształcie pigułki, duże pogrubione nagłówki bezszeryfowe i zwięzły tekst pomocniczy tworzą kolejną spójną warstwę wizualną. Ten sam język form łączy trzy karty z opiniami z trzema kartami usług firmy, mimo że pełnią one odmienne role w treści. Fotografie, ilustracje nawiązujące do aplikacji oraz galeria portfolio z sześcioma zdjęciami wprowadzają urozmaicenie w ramach tego systemu. Naprzemienne sekcje ze zdjęciami i tekstem oraz swobodne odstępy pionowe sprawiają, że długa strona nie zamienia się w gęstą siatkę identycznych paneli.

W implementacji opartej na CSS najważniejsza jest relacja między tymi właściwościami: mocne akcenty wyróżniają obszary akcji lub kompetencji, jaśniejsze tła oddzielają grupy informacji, a powtarzające się zaokrąglenia narożników nadają kartom i elementom sterującym spójny charakter. Dzięki temu projekt można łatwo modyfikować poprzez skoordynowane kolory, typografię, odstępy, obramowania i promienie zaokrągleń, zachowując istniejący układ treści oraz hierarchię wizualną.