A dizájnnyelv egy visszafogott, világos szerepekre épülő palettára támaszkodik. A sötét grafit felületek hordozzák a nyitó hero szekciót, a számlálók területét és a kapcsolatfelvételi blokkot, így a világos szövegek és a fényképek azonnal felkeltik a figyelmet. A fehér részek szellős hátteret biztosítanak az előnyöket bemutató kártyáknak, az árajánlatoknak, a véleményeknek és az ügyféllogóknak. A narancsarany részletek gombokban, kerek számlálókban, kártyadíszítésekben és egyéb fókuszpontokban jelennek meg, folytonosságot teremtve a különböző tartalomformátumok között.
A tipográfia tovább erősíti ezt az arculatot. A geometrikus, Montserrat stílusú címsorok határozott formát adnak a kulcsfontosságú állításoknak, míg a tömör talpatlan folyószöveg kordában tartja a kiegészítő leírásokat. A nagy méretű fotós hátterek és portrékártyák emberi és építészeti képi világot hoznak be anélkül, hogy megtörnék a színpalettát; sötétebb tónusuk zökkenőmentesen illeszkedik a grafit felületekhez. A lekerekített kártyák és a szellős térközök lágyítják a kontrasztot, és egységes keretbe foglalják az önálló információegységeket.
Ez a vizuális rendszer túlmutat az egyes szekciókon. Ugyanez az összhang a sötét keretek, a világos tartalommezők, a narancssárga hangsúlyok, a geometriai címsorok és a gondosan vágott fotók között érvényesül az ajánlatok, a munkatársak, az útmutatás, az ügyfél-visszajelzések és a kapcsolatfelvétel területén is. Ez teszi a dizájnt alkalmassá arra, hogy egy teljes webhely stílusirányzatává váljon, ahelyett, hogy csupán egyetlen hero szekcióra korlátozódna. Az egyes aloldalak gond nélkül átvehetik a bevált palettát, tipográfiát, képkezelést, kártyaformákat és a hangsúlyok logikáját, így a vizuális identitás az újabb tartalmak hozzáadásakor is végig felismerhető marad.
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.