A meleg narancssárga szín strukturális kiemelésként jelenik meg, nem csupán díszítőelemként. Keretbe foglalja a Napelemes megoldások szakaszt, kiemeli a lakossági blokkot, és meghatározó háttérré válik a Kapcsolatfelvétel területen. Ezzel a melegséggel szemben a fekete szövegkártyák, a fehér felületek és a világosszürke panelek határozott kontrasztot képeznek. Az eredmény egy olyan vizuális nyelv, amely illik a napenergia-technológiához, miközben kellően visszafogott marad a szolgáltatások ismertetéséhez és a csomaginformációkhoz.
A fotózás az arculat második legfontosabb alappillére. A szakemberekről készült képek a technikai munkát érzékeltetik, míg a napelemes ingatlanok és családok fotói a lakossági előnyök felé tágítják a témát. Ezek a képek nem elszigetelt illusztrációk: újra és újra felbukkannak a szövegpanelek mellett, az információs fedőrétegek mögött és a sötét kártyás kompozíciókban. A kép és a tartalmi blokk visszatérő kapcsolata felismerhető szerkesztőségi jelleget ad a dizájnnak a különféle tartalmi részeken átívelve.
A finom keretek és a szellős térközök erősítik a rendszert. A négy szolgáltatáskategória egységes szegélyeket és ikonokat használ, a három csomagválasztási lehetőség egyenletes sorban helyezkedik el, a mutatócsempék pedig egy újabb kompakt vizuális egységet alkotnak. A letisztult talpatlan tipográfia és a határozott téglalapformák anélkül biztosítják ezen elemek kiváló olvashatóságát, hogy szakaszonként eltérő díszítőstílust vezetnének be. A színpaletta, a képi világ, a keretezés, a térközök és a tipográfia együttesen olyan arculatot alakítanak ki, amely ezen az oldalon túlmutatóan is működik, miközben szilárdan horgonyoz a napenergia témájában.
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.