Arculati alaprendszer

A Mentés gomb a bejelentkezett szerkesztőknek közvetlenül a projekt Globális CSS-ébe írja a változtatásokat.

Megengedett design-szabályrendszer szerkesztése

Színek

Dobozok

Paddingek

Extra kicsi

MINTASZÖVEG: ez a leírás érzékelteti a tényleges belső tér méretét, így könnyű összehasonlítani.

Kicsi

MINTASZÖVEG: ez a leírás érzékelteti a tényleges belső tér méretét, így könnyű összehasonlítani.

Közepes

MINTASZÖVEG: ez a leírás érzékelteti a tényleges belső tér méretét, így könnyű összehasonlítani.

Nagy

MINTASZÖVEG: ez a leírás érzékelteti a tényleges belső tér méretét, így könnyű összehasonlítani.

Extra nagy

MINTASZÖVEG: ez a leírás érzékelteti a tényleges belső tér méretét, így könnyű összehasonlítani.

A fenti szerkeszthető sor az alapértékeket, vagyis a ≥ 1281 px nézetet mutatja. Az alábbi négy sor a mentett globális CSS reszponzív töréspontjaihoz tartozik.

Border radiusok

Extra kicsi

MINTASZÖVEG: ez a szöveg egyértelművé teszi a sarkok tényleges lekerekítését.

Kicsi

MINTASZÖVEG: ez a szöveg egyértelművé teszi a sarkok tényleges lekerekítését.

Közepes

MINTASZÖVEG: ez a szöveg egyértelművé teszi a sarkok tényleges lekerekítését.

Nagy

MINTASZÖVEG: ez a szöveg egyértelművé teszi a sarkok tényleges lekerekítését.

Extra nagy

MINTASZÖVEG: ez a szöveg egyértelművé teszi a sarkok tényleges lekerekítését.

Kapszula

MINTASZÖVEG: ez a szöveg a teljesen lekerekített kapszulaformát mutatja.

Border vastagságok

Extra kicsi

MINTASZÖVEG: keret vastagságok szemléltetéséhez.

Kicsi

MINTASZÖVEG: keret vastagságok szemléltetéséhez.

Közepes

MINTASZÖVEG: keret vastagságok szemléltetéséhez.

Nagy

MINTASZÖVEG: keret vastagságok szemléltetéséhez.

Extra nagy

MINTASZÖVEG: keret vastagságok szemléltetéséhez.

Szórt dobozárnyékok

Kicsi

MINTASZÖVEG: finom, szórt elválasztás.

Közepes

MINTASZÖVEG: közepes kiemelésű kártya.

Nagy

MINTASZÖVEG: erős fókuszpont.

Alsó dobozárnyékok

Kicsi

MINTASZÖVEG: kis lebegő érzet.

Közepes

MINTASZÖVEG: kiemelt blokk.

Nagy

MINTASZÖVEG: fő fókuszelem.

Dobozragyogások

Ragyogás A – kicsi

MINTASZÖVEG: dekoratív ragyogás.

Ragyogás A – közepes

MINTASZÖVEG: dekoratív ragyogás.

Ragyogás A – nagy

MINTASZÖVEG: dekoratív ragyogás.

Ragyogás B – kicsi

MINTASZÖVEG: dekoratív ragyogás.

Ragyogás B – közepes

MINTASZÖVEG: dekoratív ragyogás.

Ragyogás B – nagy

MINTASZÖVEG: dekoratív ragyogás.

Tipográfia

Szövegárnyékok

Kicsi szövegárnyék

Közepes szövegárnyék

Nagy szövegárnyék

Lista ikon méretek

  • ✓Kicsi ikon
  • ✓Minta listaelem
  • ✓Minta listaelem
  • ✓Közepes ikon
  • ✓Minta listaelem
  • ✓Minta listaelem
  • ✓Nagy ikon
  • ✓Minta listaelem
  • ✓Minta listaelem

Oldal cím formázás bemutatása a globális formázással

Oldal Alcím formázás bemutatása a globális formázással

Oldal-Alcím alatti oldal Leírás formázás bemutatása a globális formázással.

Szövegméret-módosító osztályok

A szemantikus tipográfiai osztály mellé tett .text-* osztály az adott szerep globális betűméretének rögzített százalékát használja.

.text-50 · 50%

Doboz címsor

.text-60 · 60%

Doboz címsor

.text-70 · 70%

Doboz címsor

.text-80 · 80%

Doboz címsor

.text-90 · 90%

Doboz címsor

.text-120 · 120%

Doboz címsor

.text-130 · 130%

Doboz címsor

.text-140 · 140%

Doboz címsor

.text-150 · 150%

Doboz címsor

Szekció előcímsor

Szekció címsor hosszabb mintaszöveggel a sorköz bemutatásához

Szekció alcímsor hosszabb mintaszöveggel,
amelyen pontosan látszik a beállított sorköz.

MINTASZÖVEG: innen kezdődik a szekció alcímsora utáni normál tartalom.

Doboz címsor
a sorköz bemutatásához

Doboz alcímsor
a sorköz bemutatásához

MINTASZÖVEG: rövid bekezdés a kártya szövegének arányáról és ritmusáról.

Doboz címsor
a sorköz bemutatásához

Doboz alcímsor
a sorköz bemutatásához

MINTASZÖVEG: rövid bekezdés a kártya szövegének arányáról és ritmusáról.

Doboz címsor
a sorköz bemutatásához

Doboz alcímsor
a sorköz bemutatásához

MINTASZÖVEG: rövid bekezdés a kártya szövegének arányáról és ritmusáról.

MINTASZÖVEG: ez egy normál folyószöveg-bekezdés. A célja, hogy az aktuális betűcsalád méretét, sorközét és olvashatóságát valós szöveghossz mellett tegye ellenőrizhetővé.

Szöveg címsor

MINTASZÖVEG: ez a következő bekezdés mutatja meg, hogyan szerveződik a tartalom egy kisebb címsor alatt, a fő szekciócímtől eltérő léptékben.

Kiemelt szöveg: egy lényeges állítás vagy rövid döntési szempont.

MINTASZÖVEG: a lezáró bekezdés a kiemelés utáni nyugodt olvasási ritmust és a szöveg folytonosságát demonstrálja.

Gomb előtti szöveg: rövid bevezető vagy bizalomerősítő üzenet.

Gomb utáni szöveg: előny vagy ösztönző megerősítés.

Engedélyezett változatok

Címsorváltozatok

VA-HEADLINE-BLACK-LIGHT · Világos · `.section-headline` · normál

Alap címsor

VA-HEADLINE-WHITE-DARK · Sötét · normál

Fehér címsor

Szekció alcímsor-változatok

VA-SUBHEADLINE-LIGHT · Világos · normál

Szekció alcímsor, kényelmesen olvasható méretben.

VA-SUBHEADLINE-WHITE-DARK · Sötét · normál

Világos alcímsor sötét felületen.

Gombváltozatok

VA-BUTTON-PRIMARY-LIGHT · Világos · normál, hover, focus, disabled

VA-BUTTON-PRIMARY-DARK · Sötét · normál, hover, focus, disabled

VA-BUTTON-SECONDARY-LIGHT · Világos · normál, hover, focus, disabled

Kiemelt szöveg, szófelhő és videó

VA-HIGHLIGHTED-TEXTBOX-LIGHT · Világos · normál

Tudatos, vevőszerző weboldal

VA-WORD-CLOUD · Világos · normál

Marketing Stratégia Design

VA-VIDEO-TESTIMONIAL · Világos vagy sötét · normál, hover, focus

VA-QUALITY-STANDARD · Világos · normál

Minőségi alap

Biztos, átgondolt kivitelezés.

VA-QUALITY-PREMIUM · Világos · normál

Prémium minőség

Kiemelt, részletgazdag megoldás.

Ikonváltozatok

VA-ICON-WHITE-DARK · Sötét · normál

✓ Fehér ikonlista-ikon