A vizuális arculat a sötétkék és az élénksárga közötti tudatos kontrasztra épül. A sötétkék megfontolt, komoly alapot teremt az építőipari témához, és keretbe foglalja az értékeket, a jövőképet, a kapcsolatot, valamint a láblécet, míg a sárga kiemeli a kiemelt fontosságú tartalmakat, például a tapasztalatot összegző nyilatkozatot és a hat értékkártyát. A fehér szövegmezők és a visszafogott szürke részletek fellazítják ezeket a hangsúlyosabb felületeket. A színpaletta így nem csupán az egyes blokkokat díszíti, hanem eltérő vizuális súlyt rendel a bevezetőhöz, az alapelvekhez és a visszajelzést célzó tartalmakhoz.
A fotók léptékükkel és megmunkálásukkal erősítik az identitást. A nagyméretű építkezési felvételek megteremtik az iparági kontextust, míg a bemutatkozó nyilatkozat kör alakú fotója és a jövőkép szekció lekerekített képe lágyabb vonalakat hoz a felületre. A hat, váltakozva képet és szöveget megjelenítő csempe újra megerősíti a vizuális bizonyítékok és a magyarázó szövegek közötti kapcsolatot. A lekerekített kártyák és a rétegzett geometriai akcentusok egyedivé teszik a megjelenést anélkül, hogy háttérbe szorítanák a tipográfia által közvetített határozott, funkcionális jelleget.
A hangsúlyos talpatlan címsorok egyértelmű márkahangot kölcsönöznek az oldalnak, különösen a bizalomról, a tapasztalatról, az értékekről és az életterekről szóló üzenetekben. Az ismétlődő sárga kártyák, fehér felületek, kör alakú kivágások és sötét hátterek felismerhető motívumokat alkotnak, amelyek a kapcsolódó aloldalakra is kiterjeszthetők. A kapcsolatfelvételi űrlap és a közösségi lábléc szervesen illeszkedik ugyanebbe a rendszerbe, mivel színeik, térközeik, képhasználatuk és tipográfiájuk a kialakított vizuális nyelvet követi ahelyett, hogy külön stílust vezetne be.
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.