A vizuális arculat egy markáns kontrasztrendszerrel indul: a kék és szénfekete szakaszok fehér tartalomterületeket kereteznek, míg a sárga gombok és akcentusok visszatérő hangsúlyt adnak. Ez a színpaletta nem korlátozódik a nyitószakaszra; végigvonul a szolgáltatáskártyákon, az alapokról szóló üzeneten, az építészeti paneleken, a kapcsolatfelvételi részen és a láblécen is, így a műveletek és a szekcióváltások az egész oldalon azonnal felismerhetők maradnak.
Az építőipari és építészeti képi világ jelenti a második meghatározó arculati réteget. Nagy formátumú fotók vezetik be a témát, kör alakú kivágások jelennek meg a generálkivitelezési és az alapozási szakaszokban, a geometriai elemek pedig anélkül erősítik az épített környezet témáját, hogy kizárólag a fényképekre támaszkodnának. A négy ismétlődő szolgáltatáskártya és a kompakt kompetenciaelemek egységes vizuális megközelítést alkalmaznak, így a különféle szolgáltatások egyetlen összefüggő vállalati bemutatót alkotnak.
A sűrített címsortipográfia szerkesztőségi, építészeti jelleget kölcsönöz a főcímeknek, különösen az olyan kifejezéseknél, mint a „Hogyan építsünk otthonokat a jövőnek?” és az „Együtt építjük a jövőt”. A nagyvonalú térközök megakadályozzák, hogy a címek elnyomják a képeket, miközben a felváltva alkalmazott világos és sötét hátterek kiegyensúlyozott ritmust adnak. Az ökológiai építészetről szóló panelek magazinszerű megjelenéssel gazdagítják az arculatot, a közösségi panelek és a lábléc pedig egészen az oldal aljáig megőrzik ezt a hangulatot. A színpaletta, a betűk, a képi világ, a formák és a térközök együttesen egyetlen összehangolt építőipari szolgáltatási irányvonalat közvetítenek a teljes dizájnban.
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.