Ugrás a fő tartalomhoz

Márka: színek és betűtípusok

Hogyan állítod be a weboldalad színeit és betűtípusait?

Négy szín és két betűtípus. Ennyi kell egy egységes weboldalhoz. A weboldal megjelenésének alapjait a Beállítások → Megjelenés → Márka menüpontban állítod be: a színpalettát, a betűtípusokat és opcionálisan egy háttérképet vagy -videót. Minden blokk ezekből dolgozik, így egy változtatás a teljes weboldalon egyszerre látszik.

A változtatásokat a Márka mentése gombbal rögzíted.

Kezdd egy kész palettával és betűpárossal. Ezeket úgy állítottuk össze, hogy a színek kontrasztja és a betűk ritmusa akkor is rendben maradjon, amikor a weboldal új oldalakkal bővül. Egyedi színekhez csak akkor nyúlj, ha egy készlet 90%-ban tetszik, és csak egy árnyalaton finomítanál.

Színpaletta

23 kész paletta közül választhatsz: Modern, Editorial, Bold, Noir, Midnight, Earthy, Pastel, Forest, Ocean, Mono, Terracotta, Olive, Plum, Petrol, Slate, Espresso, Coral, Saffron, Cobalt, Signal, Mint, Blush és Oxblood. Mindegyik négy színből áll:

  • Háttér: az oldal háttérszíne,
  • Szöveg: a szövegtörzs és a címsorok színe,
  • Hangsúly: linkek, gombok és fókuszjelzés,
  • Halvány: kitöltések, keretek és visszafogott felületek.

A + Haladó szín felülbírálások alatt mind a négy színt kézzel is megadhatod. Ilyenkor a weboldal egyedi színekkel fut, és egyik paletta sincs kiválasztva. Ha ezután mégis egy kész palettára kattintasz, a rendszer rákérdez, mert az mind a négy egyedi színedet felülírja.

Kontrasztellenőrzés

Egyedi színeknél a beállítások folyamatosan ellenőrzik, hogy a szöveg olvasható marad-e. A WCAG AA akadálymentességi szabvány legalább 4,5:1 kontrasztot vár el. Ellenőrizzük a szöveget a háttéren és a halványan színezett sávokon, valamint a hangsúlyszínt a háttéren, a sötét sávokon és a halvány sávokon.

Ha egy páros nem éri el a határt, figyelmeztetést látsz egy Javítás gombbal, amely a színt a legközelebbi olyan árnyalatra állítja, amely már eléri a 4,5:1-et. Így a márkaszíned karaktere megmarad, de a gyengénlátó látogatók is el tudják olvasni az oldalt.

Tipográfia

Öt kész betűpáros közül választhatsz: Editorial, Classic, Warm, Elegant és Modern. Mindegyik egy cím- és egy szövegbetűtípust párosít, amelyek jól mutatnak egymás mellett.

Az Egyedi lehetőséggel külön választhatsz cím betűtípust és szöveg betűtípust 41 betűcsalád közül. A listát szűrheted ajánlott, serif, sans és display betűkre, vagy név szerint kereshetsz benne. Ha mindkét helyen ugyanazt a betűtípust szeretnéd, a szövegbetűnél válaszd az Ugyanaz, mint a cím lehetőséget.

Az összes betűtípust a weboldal saját maga szolgálja ki, külső betűszolgáltató nélkül. Ez gyorsabb betöltést jelent, és a látogatók adatai sem jutnak el harmadik félhez.

Weboldal háttér

Opcionálisan egy képet vagy egy videót tehetsz minden nyilvános oldal hátterébe. A kettő kizárja egymást: ha az egyiket választod, a másik törlődik.

  • Kép: a háttér kitölti az egész ablakot, így magas képernyőn levágódik. A fókuszponttal megadhatod, melyik része maradjon mindig látható.
  • Videó: a Videó választása a könyvtárból gombbal a médiatáradba feltöltött MP4 vagy WebM videót választhatod, vagy megadhatsz egy közvetlen .mp4 vagy .webm címet. Némítva, automatikusan és ismétlődve játszik, a saját feltöltésű videó hézagmentesen. Csak akkor használd, ha a mozgás tényleg mesél valamit, és tartsd 5 másodperc alatt.
  • Sötétítés: a kép vagy videó fölé kerülő sötét réteg, hogy a szöveg olvasható maradjon rajta.

A legtöbb weboldalhoz nem kell háttér, vagy elég egy nyugodt, egyszerű kép.

Képek

A Képek részben a fényképek sarkát (Szögletes, Enyhén lekerekített vagy Lekerekített) és árnyékát (Nincs vagy Lágy) az egész weboldalra egyszerre állíthatod be. A Blokk alapértelmezése értéknél minden blokk a saját kinézetét tartja, és egy blokk a saját Képkeretek beállításával mindig eltérhet. Részletek a Képek sarka és árnyéka cikkben.

Gyakori kérdések

Ha a színek vagy a betűtípusok beállítása közben elakadnál.

Súgó

Megvannak a színek. Jöhet a fejléc?

Állítsd be a fejléc megjelenését és a főmenü pontjait.