A dizájn arculata a majdnem fekete felületek, a tiszta fehér betűk, valamint az élénk piros vagy magenta hangsúlyos panelek közötti tudatos kontrasztra épül. Ez a színpaletta nem szorul a hero szekcióra: visszaköszön az Audi A8 osztott elrendezésű bemutatásánál és a belső teret bemutató résznél is, ahol a színes panelek megszakítják a nagy járműfotókat, jelezve a témaváltást. A drámai megvilágítású képek visszatérő alkalmazása ugyanezt a vizuális gondolatot támogatja, összekapcsolva a külső világítás üzenetét a prémium autóipari atmoszférával.
A tipográfia szintén meghatározó szerepet tölt be az arculatban. A nagyméretű, félkövér talpatlan címsorok szerkesztőségi termékbemutató jelleget kölcsönöznek az oldalnak, miközben a képek körüli tágas térközök megakadályozzák, hogy a specifikációk és a feliratok elnyomják a fotókat. A külső világítást bemutató három kártya és a három belső panel kompakt vizuális megformálást alkalmaz, így a különféle témák rokon megjelenést kapnak. A teljes szélességű videó és a széles oldalnézeti fotó megőrzi a moziszerű léptéket a kisebb tartalmi elemek között. A paletta, a tipográfia, a képi kezelés, a kiemelő panelek és az ismétlődő bemutatóformátum együtt olyan felismerhető irányvonalat teremt, amely a kapcsolódó Audi A8 oldalak számára is mintául szolgálhat. A dizájn a puszta díszítőelemek helyett a vizuális következetesség és a fegyelmezett kontraszt révén közvetíti a luxust.
A (z) Weboldal tervező használatakor módosíthatja a színeket, a betűtípusokat, a fejlécet és a homályosítást, az elrendezést, az oszlopokat és más design elemeket, valamint a tartalmat és a képeket.
Használd a Témabeállítások funkciót a weboldal vizuális alapjának meghatározásához az oldalakon és a szakaszokon. Állíts be globális színeket, betűtípusokat és tipográfiát, hogy a weboldal ugyanazt a dizájnirányt kövesse, ahelyett, hogy minden oldalt külön-külön stílusoznál.
Válassz egy olyan színsémát és betűtípus-kombinációt, amely illik a weboldal jellegéhez, majd finomhangold a H1-H6 címsorokat, a normál szöveget, a linkeket, a gombokat, az idézeteket, a listákat és az egyéb tipográfiai stílusokat. Ezen beállítások következetes használata segít egyértelmű vizuális hierarchiát létrehozni, és az ismétlődő dizájnelemek felismerhetőek maradnak a weboldalon.
Használd az Animációs effektusok funkciót a weboldal dizájnjának dinamikusabbá és interaktívabbá tételéhez. Az elemek és konténerek olyan effektusokat használhatnak, mint a Megjelenítéskor futtatás, az Elemzéskor animáció és az Animáció szinkronban görgetéssel, hogy bemutassák a tartalmat, ahogy a látogatók a webhelyen mozognak, vagy reagálnak a felhasználói interakcióra. Az animációs előbeállítások kész effektusokat kínálnak, amelyek a webhely vizuális stílusához igazíthatók.
Alkalmazza ugyanazt a tervezési irányt a megosztott webhelyelemekre, például a fejlécre, a menüre és a láblécre. A Témabeállítások Panel összehozza a webhely egészére kiterjedő közös stílusvezérlőket, így könnyebb fenntartani az összehangolt megjelenést, miközben a webhely több oldalra bővül.
Ez a munkafolyamat hasznos kiindulóponttá teszi a sablont egy olyan webhely létrehozásához, amely egységes vizuális identitással, összehangolt színekkel és tipográfiával, megosztott tervezési szabályokkal és interaktív effektusokkal rendelkezik az oldalakon.