Arculati kézikönyv
Brandbook
Ez az oldal azt gyűjti össze, hogyan néz ki és hogyan szól a WooPress.hu. Ha cikket írsz rólunk, anyagot készítesz a közösségnek vagy csak szeretnéd egységesen használni a nevünket, innen mindent megkapsz: a logót letölthető formában, a színeket másolható kóddal, a betűtípusokat és a hangnem szabályait.
Kérdésed van? Írj nekünk az Impresszum oldalon található elérhetőségeken.
1. Logó
A logó és a jelvény
A világos hátterű oldalakon a lila változatot, lila vagy sötét háttéren a negatív változatot használd. Az SVG-k tetszőlegesen nagyíthatók.
Legkisebb méret
A logó legalább 32 px magas legyen, az ikon legalább 16 px. Ennél kisebben a felirat olvashatatlanná válik.
Védőtér
A logó körül hagyj szabadon legalább a lila kör sugarával megegyező távolságot. Ide ne kerüljön szöveg, kép vagy szegély.
Ne csináld így
- Ne nyújtsd vagy told össze a logót: az arányai maradjanak az eredetiek.
- Ne színezd át a lila kört, és ne cseréld ki a benne lévő táskaikont.
- Ne írd át a nevet más betűtípussal: a logó Anton betűs, készen kapod.
- Ne tegyél rá árnyékot, ragyogást vagy színátmenetet.
2. Színek
Színpaletta
Kattints a HEX-kódra, és a vágólapra másoljuk.
#6B3A94
RGB 107, 58, 148
Fő márkaszín: gombok, linkek, a logó köre.
#4E2770
RGB 78, 39, 112
Húzásra (hover) és sötét felületekre.
#24133A
RGB 36, 19, 58
Címek és fő szövegszín.
#C9A8EC
RGB 201, 168, 236
Kiemelések és fókuszkeret.
#F1E9F8
RGB 241, 233, 248
Finom hátterek, idézetdobozok.
#FFFFFF
RGB 255, 255, 255
Alap háttér és szöveg lila felületen.
3. Tipográfia
Betűtípusok
Logó: Anton (OFL)
Az Anton csak a logóban szerepel, az oldalon nem használjuk: ha kell a felirat, használd a logófájlt.
Címek: Poppins 600 és 700
Magyar WooCommerce-támogatás
Lépésről lépésre, érthetően
Szöveg: Open Sans 400 és 600
A webáruházad beállításait egyszerűen, magyarul találod meg a kézikönyvben.
A fontos részeket félkövér szedéssel emeljük ki.
4. Ikonok
Ikonok
Az oldalon Font Awesome Pro tömör (solid) ikonokat használunk, a lila körben fehéren. A logóban lévő jelvény a sharp-solid család bag-shopping ikonja.
5. Megosztási kép
Megosztási kép
Amikor az oldalt megosztják közösségi hálón vagy üzenetben, ez a kép jelenik meg. Mérete 1200 × 630 px.
6. Hangnem
Így beszélünk
- Tegezünk. Közvetlenül szólunk az olvasóhoz, mint egy segítőkész kolléga.
- Közérthetően írunk. Ha van egyszerűbb szó, azt választjuk.
- Rövid mondatokat használunk. Egy mondat, egy gondolat.
- A magyar WooCommerce-felület kifejezéseit félkövéren írjuk, pontosan úgy, ahogy a képernyőn látszanak.