Samochód Audi aero program Szablon CSS

Czerwone zdjęcia pojazdu kształtują spójny system stylistyczny

Tożsamość wizualna opiera się na niewielkim zestawie konsekwentnie powtarzanych decyzji projektowych. Czarne i bardzo ciemne tła nadają ujęciom czerwonego Audi R8 Coupé maksymalny kontrast, podczas gdy zwięzły, jasny tekst dba o to, by fotografie pojazdu pozostały wizualnie dominujące. Czerwone akcenty wzmacniają relację między samochodem a otaczającym interfejsem, zamiast wprowadzać odrębną paletę dekoracyjną. Duże nagłówki w stylu krojów szeryfowych Georgia nadają całości redakcyjny ton, kontrastując z mniejszym, powściągliwym tekstem uzupełniającym.

Ta sama logika stylistyczna determinuje strukturę strony. Sekcja hero wykorzystuje zdjęcie motoryzacyjne o pełnej szerokości z tekstem wyrównanym do prawej strony, trzyelementowa sekcja wyróżniająca właściwości aerodynamiczne umieszcza zwięzłą treść na ciemnym tle, a galeria wersji wyposażenia zmienia natężenie informacji dzięki dużej fotografii zestawionej z mniejszymi panelami łączącymi tekst ze zdjęciem. Sekcja poświęcona luksusowi wykorzystuje większy, zamykający panel tekstowy obok czterech podpisanych elementów, dzięki czemu odstępy i kontrast pomagają odróżnić treść podsumowującą od pojedynczych detali.

Pasek osiągów upraszcza układ do trzech wyśrodkowanych wyróżników liczbowych, tworząc wizualną przerwę przed sekcją Audi Virtual Cockpit, która powraca do kompozycji opartej na obrazie. Jako projekt zorientowany na CSS, te powtarzające się relacje zapewniają konkretne reguły stylów do zachowania lub dostosowania: ciemne powierzchnie, jasna typografia, czerwone akcenty, przestronne obszary zdjęć oraz zróżnicowana gęstość treści w poszczególnych panelach.