IT & Coffee arculati kézikönyv
IT & CoffeeArculati kézikönyv · 1.0

Biztonságos IT, egy felismerhető arculattal

A logó, a színek, a betűk és a sablonok szabályai az IT & Coffee Kft. minden felületéhez: weboldal, ajánlat, prezentáció, közösségi média, nyomda.

CégIT & Coffee Kft.
Weboldalitcoffee.hu
Verzió1.0 · 2026. október
KészítetteUrbanczyk András

A márka

Ki az IT & Coffee, kinek dolgozik, és mit ígér. Minden állítás az itcoffee.hu-ról származik.

Ki

Budapesti IT-üzemeltető cég, 20 éve. Nem csak rendszergazdák: komplex IT-megoldásokat szállítanak, a helpdesktől a szerverig.

Kinek

Cégvezetőknek és tulajdonosoknak, akiknek a cég működése múlik az IT-n. A referenciák között logisztika, kivitelezés, nyomda, kereskedelem.

Ígéret

„Szeretnéd, ha az IT soha nem állítaná meg a céged?” Tulajdonosi szemlélet, valós igények, nem dobozos megoldás.

Projekt
3200
a weboldal szerint
Aktív ügyfél
130
a weboldal szerint
Monitorozott szolgáltatás
4800+
a weboldal szerint
Tapasztalat
20 év
a weboldal szerint

Szolgáltatások, ahogy a weboldal nevezi őket

IT-üzemeltetésNIS2FRIK ERPWeb hosting és e-mailSzerver- és munkaállomás-felügyeletErős- és gyengeáramú rendszerekVoIPAdatmentésMonitorozásFizikai és virtuális szerverekHelpdeskEszközbeszerzés

Munkamód: három lépés

01Konzultáció. Helyszíni, személyes, a meglévő rendszer átnézésével.
02Felmérés. Az ügyfél valós igényeinek feltárása.
03Megoldás. Ügyfélre szabva, nem dobozból.

Termékjelek

A weboldalon egy saját termék szerepel: a FRIK ERP. Ehhez most nem készült külön jel, mert nincs róla döntés (lásd a K7 nyitott kérdést).

Ha lesz termékjel, ugyanaz a szerkezet: kis „IT & COFFEE” felirat felül, alatta a termék neve Roboto Black betűvel, az utolsó szó narancs; ikonnak két betű (FE) a tinta négyzetben.

Színek

Egy gerinc, egy kiemelő, semlegesek. A narancs a logó kockájából és a weboldal gombjaiból jön, mérve: #F15A23.

Gerinc
Tinta#171717 · RGB 23 23 23Borító, sötét posztok, táblázatfej, szöveg
Kiemelő
IT narancs#F15A23 · RGB 241 90 35Egy szó a címben, sorszám, vonal, gomb
Felület
Halvány narancs#FDF0EA · RGB 253 240 234Kiemelt doboz, harmadik poszttéma
Alap
Fehér#FFFFFFTartalmi oldal, világos poszt
Semleges
Kőszürke#6E6964 · vonal #EAE7E4 · felület #FAF8F7Másodlagos szöveg, keretek
Csak gomb
Gombátmenet#F15A23 → #A4071C, 133°Kizárólag CTA-gombon, ahogy a weboldalon

Egy kép vagy oldal kb. ilyen arányban használja a színeket. A narancs képenként legfeljebb 1–2 helyen jelenik meg.

Állapotszínek (dokumentumban, táblázatban)

SzerepHáttérVonal / szövegMire
Rendben#EDF7F0#3F9D6BElkészült, megfelel
Figyelem#FEF6E7#E8A33DKockázat, határidő. Borostyán, hogy ne keveredjen a narancs kiemelővel
Hiba#FDECEC#C0392BLeállás, sérülékenység
Helykitöltő#FFF3D6#F15A23 szaggatottHiányzó adat a sablonban

Tipográfia

A weboldal Robotót használ, ezért minden képernyős és nyomtatott anyag is Roboto. A logó felirata külön betű, azt nem gépeljük, mindig a logófájlt tesszük be.

Képernyő és nyomda
Roboto Black
Címek, nagy számok. 900-as vastagság, –2% betűköz.
Roboto Regular és Medium
Kenyérszöveg (400), címkék és gombok (500), kiemelés (700).
Tartalék és adatok
DejaVu Sans
Ha a gépen nincs Roboto (pl. szerveren generált PDF): ez a meglévő IT & Coffee meeting-összefoglaló sablon betűje is, ékezetbiztos.
Roboto Mono · 192.168.0.10
Hosztnév, IP, parancs, ticketszám.

Méretskála

SzintNyomtatás (A4)KépernyőPrezi (1920 px)Vastagság
Borítócím32 pt56–88 px96 pxBlack 900
Fejezetcím19 pt32–40 px64 pxBlack 900, narancs sorszámmal
Alcím11,5 pt19 px36 pxBold 700
Kenyérszöveg9,9 pt / 1,516 px / 1,626 pxRegular 400
Címke (kicker)8 pt, +16%11–12 px, +16%18 pxMedium 500, nagybetű

Grafikai elemek

Ezekből épül minden ajánlat, összefoglaló és prezi. Ugyanazok, mint a meglévő IT & Coffee meeting-összefoglaló sablonban, többet nem találunk ki.

Statisztikadoboz – címke a szám felett
Projekt
3200
20 év alatt
Ügyfél
130
aktív
Idézet
„Több éve elégedett ügyfelei vagyunk az IT & Coffee-nak, mivel szeretjük, hogy minden új igényünknek meg tudnak felelni.” — Kremmer Péter, Netprinter Kft.
Kiemelés (callout)
Eredmény
A cég 48 óra alatt modern, biztonságos és stabil IT-rendszert kapott.
Figyelmeztetés
Kockázat
A mentést utoljára ismeretlen időpontban tesztelték.
Sötét doboz – a kulcsszám
48 óra

alatt állt át a logisztikai ügyfél az új infrastruktúrára.

Számozott pont – narancs szám, nem karika
01Levelezés. Microsoft 365-re költöztettük, kétfaktoros belépéssel.
02Fájlszerver. Virtualizálva, szervertermi elhelyezéssel.
Gomb (CTA)
Kérj ingyenes IT-auditot
Helykitöltő

Felelős: nincs megadva · Határidő: nincs megadva

Táblázat

Bevezetett megoldásTerületÁllapot
Microsoft 365 levelezésKommunikációKész
Új tűzfal, 2FA minden hozzáférésreBiztonságKész
MDM – mobilok központi felügyeleteEszközökKész

Fekete fejléc, váltakozó sorok, minden táblázat után egy mondat arról, mit jelent.

Háttérmotívum: csomóponti rács

A logó pöttyeiből képzett izometrikus pontrács (30°-os eltolással). Halványan, csak üres felületen: borító, fotó nélküli poszt, plakát. Szöveg alá erős kontraszttal soha.

Nyomtatott anyagok

Ajánlat, meeting-összefoglaló, jelentés: A4, ugyanazzal a vázzal. A kész minta a meglévő „meeting-összesítő IT & Coffee” sablon.

OldalTartalom
1. BorítóTinta háttér, fekvő sötét logó, jobb felül pill-címke (pl. „Ajánlat · 2026”), narancs kicker, kétsoros cím egy narancs szóval, alul meta-sor: Ügyfél / Dátum / Készítette.
2. Vezetői összefoglaló4 statisztikadoboz, egy bekezdés diagnózis, „Amiben megegyeztünk” 4–5 pont, alul sötét doboz a kulcsszámmal.
3–n. TartalomBeszélő fejezetcímek narancs sorszámmal, oldalanként 3–4 számozott pont, köztük idézet, táblázat vagy kiemelés.
Utolsó: ZárásAmi eldőlt / ami nyitott, sötét dobozban egyetlen következő lépés, aláírás.
Margó16 mm felül, 18 mm oldalt, 15 mm alul
Fejléckétsoros címblokk + 22 mm-es narancs vonal
LáblécIT & Coffee Kft. · 1239 Budapest, Kelep u. 60. · +36 (1) 443-3622 · support@itcoffee.hu · oldalszám „N / ÖSSZ”

Prezentáció

Hat diatípus elég mindenre. Ritmus: sötét nyitó, világos tartalmi diák, minden új témánál egy sötét elválasztó, sötét zárás.

IT & Coffee · Ajánlat
NIS2-megfelelés
90 nap alatt
Ügyfél neve2026

1 · Nyitó (sötét)

02
Ahol most tartotok
Felmérés2 / 12

2 · Fejezetelválasztó

Felmérés
Három dolog akaszt meg
01 Mentés nincs tesztelve
02 Közös jelszavak
03 Nincs monitorozás
IT & Coffee3 / 12

3 · Tartalom: egy állítás, max. 3 pont

Számokban
4800+
monitorozott szolgáltatás4 / 12

4 · Egy nagy szám

Előtte / utána
Előtte
Helyi levelezés, nincs 2FA
Utána
Microsoft 365, 2FA mindenhol
Esettanulmány5 / 12

5 · Összevetés

Következő lépés
Ingyenes IT-audit időpont
+36 (1) 443-3622itcoffee.hu

6 · Zárás egy lépéssel

Fotók

Az „A” fotó a célcsoportot mutatja: KKV-tulajdonos a saját irodájában, nem stúdióban. Ez a kép most generált illusztráció, nem valódi személy és nem ügyfél – ezért ügyfélidézet mellé soha nem tesszük.

Cégvezető férfi laptoppal a raktárirodájában, természetes ablakfényben
A · Cégvezető Feed, négyzet és link formátumban jobb oldalt, teljes magasságban; story-ban, pinen, plakáton és roll-upon alul, felülről színátmenettel. Az arc a kép jobb harmadában van, a bal oldal szabad a szövegnek.

Használd

  • Cégvezetőt, tulajdonost a saját közegében: iroda, raktár, üzem
  • Valódi csapattagot munka közben: szerverteremben, ügyfélnél, a helpdesk mellett
  • Természetes fényt, visszafogott színeket, nyugodt hátteret, amire a színátmenet ráfut
  • Ügyfél fotóját csak írásos engedéllyel, a saját véleménye mellett

Kerüld

  • Generált vagy stockfotót ügyfélnév, ügyfélidézet mellett
  • Stockfotót kapucnis hackerrel, kék „digitális” lakattal, bináris esővel
  • Kávés klisét (latteart) IT-tartalom mellett
  • Képernyőn olvasható ügyféladatot, narancsra színezett fotót

Közösségi média

Öt formátum, három téma (tinta, fehér, halvány narancs), váltakozva. Logó bal felül, kicker narancs vonallal, nagy cím egy narancs szóval, lábléc: IT & Coffee · itcoffee.hu.

FormátumMéretHováFotó helye
feed-4x51080×1350Instagram, Facebook, LinkedIn poszt, karusszeljobb oldalt, teljes magasságban
negyzet-1x11080×1080bármely platformjobb oldalt
story-9x161080×1920story, Reels, TikTok, Shortsalul; lábléc nincs (ott a válaszmező)
link-191x11200×628Facebook/LinkedIn link, eseményjobb oldalt
pin-2x31000×1500Pinterestalul, sötétítéssel

Használd

  • Egy narancs szót a címben, máshol nem
  • Story-ban 250 px felül, 330–420 px alul, 170 px jobbra szabadon
  • A weboldal valódi számait (3200, 130, 4800+, 20)
  • Helykitöltőt, amíg nincs valódi adat

Kerüld

  • Gépelt „IT & COFFEE” feliratot a logó helyett
  • Három sornál hosszabb címet story-ban
  • Narancs hátteret teljes képen
  • Kitalált ügyfélidézetet

Poszttípusok és plakátok

12 poszttípus, mind az 5 formátumban; a kérdés, esemény, ajánlat és karusszel-borító fotóval is. Összesen 80 kép, a nevük: ITC_[típus]_[formátum]_[foto|fotonelkul].

Mind a 12 típus, 4:5-ben

idezet_feed-4x5_fotonelkul
idezet_feed-4x5_fotonelkul
tipp_feed-4x5_fotonelkul
tipp_feed-4x5_fotonelkul
szam_feed-4x5_fotonelkul
szam_feed-4x5_fotonelkul
csekklista_feed-4x5_fotonelkul
csekklista_feed-4x5_fotonelkul
kerdes_feed-4x5_fotonelkul
kerdes_feed-4x5_fotonelkul
kerdes_feed-4x5_foto
kerdes_feed-4x5_foto
mitosz_feed-4x5_fotonelkul
mitosz_feed-4x5_fotonelkul
esemeny_feed-4x5_fotonelkul
esemeny_feed-4x5_fotonelkul
esemeny_feed-4x5_foto
esemeny_feed-4x5_foto
ugyfelsztori_feed-4x5_fotonelkul
ugyfelsztori_feed-4x5_fotonelkul
bejelentes_feed-4x5_fotonelkul
bejelentes_feed-4x5_fotonelkul
blogcikk_feed-4x5_fotonelkul
blogcikk_feed-4x5_fotonelkul
ajanlat_feed-4x5_fotonelkul
ajanlat_feed-4x5_fotonelkul
ajanlat_feed-4x5_foto
ajanlat_feed-4x5_foto
karusszel-borito_feed-4x5_fotonelkul
karusszel-borito_feed-4x5_fotonelkul
karusszel-borito_feed-4x5_foto
karusszel-borito_feed-4x5_foto

Ugyanaz más formátumban

szam_story-9x16_fotonelkul
szam_story-9x16_fotonelkul
ajanlat_story-9x16_foto
ajanlat_story-9x16_foto
tipp_negyzet-1x1_fotonelkul
tipp_negyzet-1x1_fotonelkul
kerdes_negyzet-1x1_foto
kerdes_negyzet-1x1_foto
ugyfelsztori_pin-2x3_fotonelkul
ugyfelsztori_pin-2x3_fotonelkul
karusszel-borito_pin-2x3_foto
karusszel-borito_pin-2x3_foto
blogcikk_link-191x1_fotonelkul
blogcikk_link-191x1_fotonelkul
esemeny_link-191x1_foto
esemeny_link-191x1_foto

Heti ritmus javaslat

NapTípusTéma
HétfőTipp vagy csekklistaFehér
SzerdaÜgyfélsztori, szám vagy idézetTinta
PéntekKérdés, mítosz vagy blogcikkHalvány narancs
Havonta 1×Ajánlat (ingyenes IT-audit) vagy eseményTinta

Plakátok és nyomda

plakat_A3_fotonelkul
plakat_A3_fotonelkul
plakat_A3_foto
plakat_A3_foto
szorolap_A5
szorolap_A5
rollup_85x200
rollup_85x200

A QR-kód valódi, az itcoffee.hu kapcsolati részére visz. Nyomda előtt kérdezd meg a kifutót (általában 3 mm) – a PDF-ek most kifutó nélkül, pontos vágott méretben készültek.

Hangnem

Szakértő, de nem fölényes. Közvetlen, tegező, cégvezetőnek szól, nem rendszergazdának. A weboldal mondataiból:

Így írunk

Meghallgatjuk, meghalljuk a valós igényeket.Tulajdonosi szemlélettel alakítjuk ki az IT-rendszereket.Szeretnéd, ha az IT soha nem állítaná meg a céged?

Így nem

Innovatív, holisztikus IT-megoldásokkal támogatjuk ügyfeleink digitális transzformációját.Kedves Ügyfelünk! Tájékoztatjuk, hogy…A 802.1X alapú NAC implementáció… (magyarázat nélkül, cégvezetőnek)

Saját szókincs

IT-auditüzemeltetésfelügyeletmonitorozástulajdonosi szemléletvalós igényügyfélre szabott48 óra alatt
innovatívholisztikusszinergiadobozos megoldásvilágszínvonalú

Írásmód

A cégnév szövegben: IT & Coffee (szóközökkel, ahogy a logón). Hivatalosan: IT & Coffee Kft. Toldalékkal kötőjel: az IT & Coffee-nál, IT & Coffee-val.

Kontakt és aláírás

Mindenhol ugyanez a négy adat, ebben a sorrendben.

CégIT & Coffee Kft.
Cím1239 Budapest, Kelep u. 60.
Telefon+36 (1) 443-3622
E-mailsupport@itcoffee.hu
Webitcoffee.hu
IT & Coffee
Név
Beosztás

IT & Coffee Kft. · 1239 Budapest, Kelep u. 60.
+36 (1) 443-3622 · support@itcoffee.hu · itcoffee.hu
Távsegítség: RustDesk kliens – rd.itq.hu

Tilos lista

Ha kétséges, ez dönt.

  1. A logót újrarajzolni, gépelt felirattal helyettesíteni, torzítani, átszínezni.
  2. A kockát leválasztani a jelről, vagy a jelet a kocka nélkül használni.
  3. Narancs hátteret használni nagy felületen; a narancs kiemelő, nem alap.
  4. Képenként kettőnél több narancs elemet.
  5. Harmadik márkaszínt bevezetni (kék, zöld, lila); a weboldal pink linkszíne sem márkaszín.
  6. A gombátmenetet máshol használni, mint gombon.
  7. Kitalált számot, ügyfélnevet, idézetet.
  8. Más ügyfél logóját engedély nélkül.
  9. Hacker-, lakat- és kávéscsésze-stockfotót.
  10. Magázó és tegező mondatot ugyanazon az anyagon.
  11. Csupa nagybetűs mondatot (címke kivétel).
  12. Emojit szakmai anyagban.

Nyitott kérdések

Amit az anyagból nem lehetett eldönteni, vagy ellentmondást találtunk. Az eldöntötteket „Eldőlt” jelöléssel itt hagyjuk.

Hol van az eredeti, vektoros logó? nyitott

Csak 300 px-es PNG-k voltak elérhetők. A csomag jelét a raszter csomópontjaiból újrarajzoltuk vektorba; a felirat Nunito Sans SemiBold, ritkítva – közeli, de nem biztosan az eredeti betű. Ha megvan az AI/EPS/SVG, cseréljük.

„Építünk” vagy „biztosítunk”? nyitott

A weboldal címsora: „20 éve biztonságos IT-t biztosítunk cégeknek”, a böngészőfül címe: „…IT-t építünk cégeknek”. A sablonokban a „biztosítunk” áll. Egyet kell választani.

A cégnév írásmódja nyitott

A weboldalon négyféle: „IT&Coffee”, „IT & Coffee”, „IT &Coffee”, „IT-Coffee”. Javaslat: szövegben mindenhol „IT & Coffee”, ahogy a logón.

Tegezés vagy magázás? nyitott

A weboldal tegez („Kérj ingyenes IT Auditot”, „Szeretnéd…”), a FRIK ERP szlogenje magáz („…amely Önért dolgozik”). A kézikönyv a tegezést javasolja; a FRIK ERP szlogenje kivétel maradjon, vagy átírjuk?

A weboldal pink linkszíne nyitott

A linkek színe #CC3366 (a téma alapértéke), ez a palettán kívül esik. Javaslat: tinta szöveg narancs aláhúzással.

Saját fotók nyitott

A sablonokban most egy generált illusztrációs fotó áll (cégvezető). Hosszabb távra saját csapat-, iroda- és szervertermi fotózás javasolt; ugyanabba a kivágásba cserélhető.

Kell-e FRIK ERP termékjel? nyitott

Ha a FRIK ERP külön kampányt kap, a 3. fejezet szerkezetében elkészíthető.

Kiemelő szín eldőlt

Eldőlt: IT narancs #F15A23, a logó kockájából és a weboldal gombjaiból; az OpsDesk felülete is ezt használja.