Mi ez?

Egy útmutató mindenkinek, aki a Mátra Kempo SE nevében „megszólal”. Célja, hogy rendszerbe szedje az egyesület vizuális világát, összefoglaljon minden olyan, szabályt, ajánlást, útmutatást, dizájnelemet, melyet a kommunikációban hásználunk.

Egyben példa is az arculat helyes használatára.

Mit akarunk mondani?

Ha csak a társaidon keresztül szeretnél felemelkedni, borítékolom, hogy nem fogunk sokáig együtt dolgozni. Mint mindennek a mozgatórugója a Kemponak is a szeretet és a segítség. Ha be akarsz állni közénk tudd, ha segítségre van szükséged kapni fogsz és légy kész, hogyha kezet nyújtanak feléd megfogd és felemeld azt. Sok kedvenc idézetünk közül az egyik, „inkább azt tanuld meg, hogyan építsd az utat, minthogy hogyan rombold le.”

–Dencinger Dávid sensei

Mielőtt bármilyen anyagot kiadnál a kezeid közül, tedd fel magadnak a kérdést; Ez kifejezi azt, amit a Mátra Kempo SE-ről állítunk?

Kulcsszavak, amik:

Színek

Mit lehet és mit nem?

A paletta színeit szabadon sötétítheted / világosíthatod az áttetszőség beállításával és keverheted is őket az alattuk lévő rétegekkel.

Az arculatban csak a fenti színeket szabad használni, új színt csak akkor használj, ha azzal valamilyen funkciót szeretnél jelölni. Figyelj arra, hogy az új szín harmonizáljon az arculat alap-pallettájával. Erre minta az itt található rossz példákat jelölő piros szín, ami a Mátra greenből lett kikeverve.

Nincs külön megkötés arra, hogy az arculat színein belül, mit-mivel párosíthatsz, de arra figyelj, hogy szövegek és a háttereik erős kontrasztban legyenek. Kontrasztarány lemérésére ezt az eszközt használd!

Színátmenetek

Kerüld az aculatban a színátmeneteket! Használj inkább erős kontrasztokat és szegélyeket, próbálj mindent teli színekkel megoldani. Ha mégis színátmentet akarsz használni, akkor csak egy-két árnyolatnyi eltérés legyen köztük

Rossz példa

Nem arculati színek, túl éles átmenet

Jó példa

Átmenet "mátra green dark" és "mátra green light" között

Hol van?

A színpalettát tartalmazó .aco és .ase fileokat illetve a képként kimentett palettát megtalálod a letölthető arculat colors mappájában.

Tipográfia

Nyomtatásban és weben is az alábbi betűcsaládokat és betűvastagságokat használd:

Mikor melyik fontot használjam?

• Címsorokhoz Roboto Slabet
• Hosszabb folyószöveghez Tinost
• Adatsorok vagy rövidebb informatív jellegű szövegekhez Robotot

Mit lehet és mit nem?

• Egy szöveg blokkon (pl. címsor, bevezető, kenyérszöveg) ne keverd a családokat, egy összetartozó egység egy fontstílussal legyen írva!
• Mindig figyelj a magyar helyesírás és tördelés szabályaira!
• A szövegeken kerüld az effektek, színátmenetek és széles vetített árnyékok használatát!
• Használj nagy margókat és sortávokat, legyen szellős a szöveg szedése!
• Ha a fontok egyike sem elérhető, akkor talpas családokra (Tinos, Roboto Slab) használható helyetesítő fontként a Georgia, illetve a talpatlan családra (Roboto) az Arial.

Rossz példák

Jó példák

A fenti szöveg arculati fontokkal, megfelelő eltartásokkal.

Különböző méretű és vastagságú fontok érzékeltetik a hierarchiát a főcím, a bevezető és a kenyérszöveg között.

Hol van?

A fontok megtalálhatóak a letölthető arculat fonts mappájában.

Logóhasználat

Hivatalosan használható logóverziók

Mikor melyik logót használjam?

Ezt mindig az adott grafikai munka célja és a felhasználás kontextusa dönti el. Egy szóval rád van bízva, de az adott verziót mindig konzisztensen használd (pl. ha már egyszer elkezdtél képeket vízjelezni az egyik logó verzióval, akkor ne térj át egy másikra.)

Mit lehet és mit nem?

• Az alapverzió a táblázat bal felső cellájában lévő illetve annak inverz verziója, ez az alapforma amire az összes többi verzió épít.
• A hátteres verzióknál (chevron, kör, ötszög, bélyegző) a verziókban a szagatott vonal is kötelező eleme a logónak!
• Ezeknél a verzióknál ne változtass a szimbólum és a háttér arányán, ne vágj le a háttérből és ne használj más formát!
• A klub nevét - „Mátra Kempo SE” - csak a fent látható módokon szabad kiírni a logóban. A feliratos verziókban tilos a feliratot levágni, áthelyezni, kicsinyíteni / nagyítani, eldönteni, más betűtípussal helyetesíteni! A feliratnak mindig a kép részének kell lennie nem szabad fonttal külön kiírni és a logó mellé rakni!
• A logót tilos elforgatni, megdönteni, torzítani, levágni belőle illetve az egyes elemeit egymástól függetlenül átméretezni (pl csak a hátteret nagyítani).
• A logót az arculat bármilyen szinében szabad használni, szabadon módosítható az áttetszősége és a blending mode-ja is.
• A logóra ne rakj vetített árnyékot, „3d-s” hatást keltő bevésést (bevel and emboss), színátmenetet vagy mintázatot!
• A logóval kimaszkolhatsz fotókat vagy más grafikákat.
• A Mátra Kempo SE nevében készített kiadványon (weboldalon, hírlevélben, stb.) más szervezet(ek) logói is szerepelnek, akkor a Mátra Kempo SE logójának kell a legnagyobbnak és leghangsúlyosabbnak lennie. *
  * kivétel: Ez alól a szabály alol a Magyar Zen Bu Kan Kempo Sportági Szövetség logója, ennek mindig a Mátra Kempo SE-jével azonos hangsúllyal kell megjelennie.

Eltartás

A logó körüli margónak minimum az életfa szimbólum átmérőjének 28%-a kell lennie! A feliratos logó verzióknál a felirat a körtől ennek a margónak a felére van.

Az eltartást a hátteres logóknál is a középen lévő szimbólum alapján kell kiszámolni nem pedig a teljes méret alapján! Természetesen ha a 28% nem jön ki egész számra akkor kerekítsd fel.

A logónak minden oldalról kell eltartást hagyni, kivéve a chevron alapú verziót, itt a háttér tapadhat a lap tetejéhez.

Méretezés

A feliratos logóknál van egy minimum méret ami alatt nem lehet őket használni, hisz a rajtuk lévő klubnév olvashatatlan lenne. A hátteres logóknál is mindig figyelj arra, hogy az életfa szimbólum mindig legyen legalább 40px.

Ha nagyon kicsi méretben kell használni a logót (pl. szórólap alján több hasonló logó között egy táblázatban, vagy 16x16 pixeles weboldal ikonként), akkor mindig használd az alapverziót, azaz a sima életfa szimbólumot!

Rossz példák

A logót csak arculati színben lehet használni, teli színnel!

Ne torzítsd a logót!

Ne használj "3d-s" hatásokat!

Ilyen elrendezési forma nincs!

Rossz háttér, rossz szín!

Tilos vágni a logóból

Jó példák

Fotót lehet maszkolni és lehet blending mode-ot adni a logónak (a fotóra ilyenkor rakhatsz blur-t)

A logó szerepelhet bármilyen flekken, bármilyen elrendezéssel, az arculati színekkel át is lehet szinezni (de mindig csak 1 szinű legyen).

Ha árnyékolni akarod a logót, akkor használjs solid shadowt.

Long shadow is ér.

Hol van?

A logókat megtalálod a letölthető arculat logos mappájában. Nyomtatásra szánt anyagok készítésekor használd a print mappában lévőket, webre vagy más digitális megjelenésre pedig a screen mappában lévőket.

Képhasználat

Mit lehet és mit nem?

• Fotókból elsősorban a Mátra Kempo SE hivatalos csatornáin (Flickr, FB) közzétett képeket, illetve a hivatalos fotózáson készült képeket használd!
• Ezenkívül használhatsz még bármilyen a Magyar Zen Bu Kan Kempo Szövetség hivatalos csatornáin (web, FB) megjelent fotókat.
• Természetesen saját készítésű vagy a Mátra Kempo SE tagjai által készített fotók is használhatóak.
• Használj világos tónusú, emberközpontú, pozitív témájú képeket!
• Kerüld a stock fotók (legyen az akár ingyenes akár fizetett) és a Google-ön talált képek használatát.
• Kerüld a rajzolt illusztrációk, clipartok használatát.*
• A grafikai anyagokon használt képek sugaljanak természetességet, őszinteséget, kerüld a túleffektezett, túlszínezett fotókat.
• Inkább színes fotókat használj, semmint fekete-fehéreket.
• Ha mindenképp fekete fehér képet szeretnél használni, akkor inkább világos tónusú legyen, semmint sötét.
• Ha képre írsz szöveget vagy bármilyen más grafikai elemet raksz rá (pl.: logót), akkor az ne takarjon bele emberi arcba!
• Ha vágsz egy képből akkor sose vágj bele emberi arcba!
• Fotókat ne torzíts és ne tükrözz!
• Kerüld az árnyékok és a keretek használatát.

* Kivétel: A Dragon Dojo-hoz és a gyerekedzésekhez köthető anyagokaban használhatsz a Dragon Ball sorozatból vett figurákat vagy akár a gyerekek eredeti rajzait is illusztrációként.

Tipp: Ha választanod kell egy zajos, kissé rosszul fényezett, de hiteles fotó és egy vizuális szempontból porfi, de hiteltelen / irreleváns fotó között, akkor az előbbit válaszd!

Rossz példák

Gagyi „3d-s” hatás, keret, árnyék… Ne!

„Rajzfilmesített” hatás, ilyet ne!

Durva kontrasztú fekete-fehér kép

Komolytalan rajzolt stock illusztráció!

Profi fotó, de semmi köze a Mátra Kempo SE-hez és jogilag sem használhatjuk!

Jó példák

Kempó versenyen készült, hiteles, pozitív fotó. Nincs „széteffektezve”.

Egyértelmű a kép fókusza, közeli kép arcról.

Világos tónusú fekete-fehér kép.

Kicsit zajos fotó, de hiteles.

Akciókép versenyről.

Edzőtábori életkép.

Egyéb vizuális elemek

A logón és a fotókon kívül van még pár olyan állandó vizuális elem mely meghatározza az arculatot. Ezeket nem kötelező használni, de ajánlott. Illetve ezek alapján lehet bevezetni hasonló stílusú, új elemeket.

Patternek

Hátterek kitöltésére alkalmas „seamless” mintázatok. A letölthető arculati csomagban megtalálod őket Photoshopba importálható formátumban a patterns/matrakempo-patterns.pat file-ban.

Szürke japán papír minta

Zöld japán papír minta

Kekhi szemcsés minta

Szürke szemcsés minta

Szürke hullámos minta

Léniák

Hullámos lénia

Szögletes lénia

A forrás file-ok szerkeszthető .ai formátumban megtalálhatóak a letölthető anyagok közt az assets mappában.

Dragon Dojo

A Dragon Dojo arculata szinte mindenben megegyezik a fent leírtakkal, de új színekkel és egy saját logóval bővül.

Dagon Dojo színek

Dagon Dojo logó

Hol van?

Az összes Dragon Dojo-hoz kapcsolódó anyag a letölthető arculat /dragon-dojo mappájában található ugyanazokkal a nevezési konvenciókkal, amit a többi mappában használunk.