Vázlat, egy sárga folttal.
Minden brandguide-illusztráció ugyanabban a stílusban készül. Stílusforrás: Renato Valdés-Olmos esszé-rajzai; a mércénk a saját mintabázisunk (Peti döntése, 2026-10-16).
Olyan, mintha a tapasztalt ismerős az asztal túloldalán, magyarázás közben, gyorsan felskiccelné neked a lényeget egy papírra, és a végén egy sárga filccel rábökne arra, ami számít.
Mintabázis.
Az L-lépték (cikk-illusztráció) mércéi. Ha egy új kép jobban eltalálja a stílust, mint valamelyik minta, lecseréljük vele.
Szabályok
Három lépték.
A vonal a látogató szemében legyen egységes, nem a forrásfájlban. Minden ábra egy léptékbe tartozik, és a lépték megmondja a méretet, a vonalat, a színeket és a részletességet. Ugyanaz a toll, csak a papír mérete más (Peti döntése, 2026-10-18).
| S · jelölő | M · téma-ábra | L · cikk-illusztráció | |
|---|---|---|---|
| Hol | Fejezet-jelölő | Témakártya, hub, ajtók, Top 5, hírlevél-blokk | Új cikkek borítója és belső ábrája, hírlevél, OG |
| Arány | ~8:5 | 1:1 | 16:9 (biztonsági zóna 16:10 és 1,91:1) |
| Méret | 32×20 px | 72 / 96 / 128 px | 760 px széles; kártya 360, hírlevél 560, OG 1200×630 |
| Tus vonal | 1,25 px | 1,2 px | 1,5 px (kártya 1,2 · hírlevél 1,3 · OG 1,8) |
| Szürke vonal | – | 1,0 px | 1,0 px (kártya 0,9 · hírlevél 0,9 · OG 1,2) |
| Színek | Tus, sárga | Tus, szürke, sárga | Tus, szürke, sárga |
| Részletesség | 1-3 vonás | Egy tárgy, 8-12 vonás, max. 2 szerkesztővonal | Egy gondolat, egy jelenet, egy kiemelés |
| Sárga | ≤ 60% magasság | ≤ ~20% | ≤ ~10% |
| Technika | Kézi SVG | Gemini + export | Gemini + export |
A régi (WordPress-kori) cikkborítók maradnak, L-illusztrációt az új cikkek kapnak. Eszköz: vazlat.py --leptek M|L generál és minden méretet kiexportál; az export.py a tus- és a szürke vonalat külön a lépték céljára igazítja.
Két tónus.
A kiemelt elem és a fő forma tusban, a kísérő elemek és a szerkesztővonalak szürkében. A szem előbb a tusra és a sárgára talál, a szürke hátrébb lép. A jelölőkön (S) nincs szürke, ott nincs hely két tónusnak.
M-készlet.
A site-on kint lévő téma-ábrák, 96 px-en, ahogy a témakártyán megjelennek.
Hol, mekkora.
Új felületnél ebből a sorból válassz, ne köztes méretet: a vonal csak ezeken a méreteken pontos.
| Felület | Lépték · méret |
|---|---|
| Fejezet-jelölő, minden oldal | S · 32×20 |
| Témakártya (/temak/) | M · 96 |
| Téma-hub fejléce | M · 128 |
| „Hol tartasz?” ajtók (főoldal) | M · 96 |
| Olvasási utak (/kezdd-itt/), personák | M · 128 |
| Top 5 doboz fejléce | M · 72 |
| Hírlevél-blokk (főoldal, /hirlevel/) | M · 128 |
| Új cikk: borító / kártya / hírlevél / OG | L · 760 / 360 / 560 / 1200 |
Fejezet-jelölők.
A fejezet-jelölő előtt az illusztrációs stílus legkisebb egysége áll: egy tollvonás és egy laza sárga folt. Szekcióról szekcióra váltakozik, mintha magyarázás közben hol aláhúznánk, hol bekarikáznánk valamit (Peti döntése, 2026-10-18).
Hogyan készül.
- Fogalmazd meg a tartalom egyetlen gondolatát egy mondatban (pl. „Ezer egyforma hirdetés közül egy emlékezetes”).
- Fordítsd le egy egyszerű, rajzolható jelenetre: formák, hétköznapi tárgyak, apró figurák, egy kiemelt elem. Bevált metaforák: sor egyforma elemmel és egy kilógóval, alap és ráépülő ház, spirál, egy pontból szétágazó vonalak, térkép úttal és céllal, kupac és rendezett köteg, két szövegbuborék.
- Generálj két változatot, és válaszd azt, ahol a sárga kisebb és a kép egyszerűbb.
- Ellenőrizd: nincs szöveg vagy szám a képen, egy kiemelés van, a sárga nem kitöltés, a figurák sematikusak.
- Eszköz: a
brandguide-illusztracioskill vagy aSablonok/illusztracio/vazlat.py. Minden eredeti azAlapok/arculat/illusztraciok/mappába kerül.