Massimo Dutti Szablon CSS

Subtelne odcienie i edytorialowe zdjęcia definiują system wizualny biżuterii

System wizualny strony oparto na palecie stonowanego kremu, bieli i jasnej szarości, unikając mocnych kontrastów handlowych. Te przygaszone płaszczyzny zapewniają pełnej szerokości sekcji hero, wprowadzeniu do kolekcji oraz dzielonym modułom ze zdjęciem i tekstem spokojne tło, dzięki któremu to fotografia biżuterii pozostaje głównym punktem skupienia. Elegancka szeryfowa typografia nagłówkowa buduje modowy charakter strony, podczas gdy zwarte bezszeryfowe etykiety tworzą bardziej skondensowaną oprawę dla kategorii, parametrów produktów i drobnych działań użytkownika.

Ta sama logika stylistyczna widoczna jest w galerii nowej kolekcji obejmującej sześć zdjęć oraz w trzech kartach nowości. Zdjęcia w układzie pionowym, przestronne odstępy, powściągliwe przyciski i wyśrodkowane nagłówki nadają stronie charakter edytorialowy nawet w miejscach prezentujących typowe informacje o produktach. Wyróżnienie wyprzedaży oraz sekcja darmowej dostawy akcentują ofertę bez konieczności wprowadzania odrębnego języka wizualnego: komunikaty tekstowe harmonizują z fotografią, a jasnoszara przestrzeń oddziela wypowiedź klientki od sekcji typowo sprzedażowych. W implementacji opartej na stylach CSS te powtarzalne relacje wyznaczają właściwości decydujące o tożsamości projektu: odcień tła, kontrast krojów pisma, proporcje zdjęć, odstępy, skalę przycisków oraz wyrównanie. Modyfikacja tych reguł pozwala zmienić akcenty na stronie, nie naruszając przy tym spójnego przejścia od odkrywania kolekcji po zakupy.