Projekt sprzedaży Szablon CSS

Ciemne nakładki i zaokrąglone karty definiują system stylizacji strony

System wizualny opiera się na wyrazistych kontrastach, a nie na wielości ozdobników. Zwarty biały nagłówek oddziela nawigację i pole wyszukiwania od fotograficznej sekcji hero, gdzie wyśrodkowana czarna typografia oraz konturowe przyciski „O nas” i „Kontakt” umieszczone są na jasnym zdjęciu. Niżej wybrane ciemne obszary ze zdjęciem w tle powracają jako mocne punkty orientacyjne, w tym panel przewagi konkurencyjnej, pasmo czterech wskaźników i końcowy blok informacyjny w czerni. Powtarzające się ciemne płaszczyzny nadają długiej stronie przemyślany rytm.

Sześć pozycji oferty usługowej wykorzystuje zaokrąglone karty i wyśrodkowane ikony, z kolei trzy zasady nauczania na odległość prezentowane są na delikatniejszych, szarych kartach. Ta różnica tworzy czytelne rozróżnienie stylistyczne między praktyczną treścią usług a koncepcjami organizacyjnymi, nie naruszając przy tym monochromatycznego charakteru całości. Dziewięcioelementowa galeria prac wprowadza gęstszy, trzykolumnowy układ zdjęć, a sekcja referencji ponownie zmienia skalę za sprawą okrągłych portretów i wyśrodkowanych cytatów. Jako projekt oparty na CSS, te powtarzalne reguły stanowią konkretne punkty odniesienia do modyfikacji teł, obramowań, zaokrągleń narożników, odstępów, typografii i wyglądu przycisków przy jednoczesnym zachowaniu kolejności sekcji. Stylistyka pozostaje natychmiast rozpoznawalna, ponieważ kontrast, kształt kart, sposób kadrowania zdjęć i światło powtarzają się w różnych grupach treści.