A yellow termék- és app-felület nyelve. Ahol a marketing-komponensek nagy, levegős szekciókat építenek, ott az app-felület sűrűbb, funkcionális - de ugyanaz a pill-forma, ugyanaz a sárga, ugyanaz az Oedenburg. A brandguide/AI chat felülete ezekből épül.
Az app-felület dolgozó környezet, nem landing. Négy szabály tartja brand-hűen.
A sárga a CTA-é
Tömör #FFF012 csak az elsődleges akción (Új beszélgetés, Küldés) és a kiemeléseken. Aktív állapotokhoz krém #FFFEF5 + apró sárga pötty - ne öntsd tele a felületet sárgával.
Minden pill és lekerekített
Gombok, inputok, badge-ek: pill (9999px). Kártyák 16px, buborékok 20-22px. Szögletes 6-8px sarok idegen a brandtől.
Egyetlen olvasási oszlop
A beszélgetés max ~740px széles, középre zárva - nem full-width. Ez adja a nyugodt, olvasható ritmust (Claude / ChatGPT minta).
Világos, egy szín
Fehér háttér, fekete szöveg, sárga akcent. Nincs dark mode alap, nincs zöld/kék státuszszín - a megbízhatóság is sárga sávval jelenik meg.
A felhasználó üzenete krém pill buborék, jobbra zárva. Az asszisztens válasza háttér nélküli folyószöveg, teljes szélességben - így a hosszú, strukturált válasz olvasható marad.
14:29
A mostani irány tisztán kommunikálja a szakértelmet. Hogy emberibb legyen, tartsd meg ezt a tekintélyt, és tedd láthatóvá a munka mögötti embert.
brandguide/AI folytatás
A beviteli mező egyetlen lekerekített (24px) konténer: textarea + eszköz-sor. A mód-váltó pill segmented control, a modell inline chip, a Küldés sárga pill glow-val. Fókuszban sárga gyűrű.
A bal sáv sűrű, de nyugodt. Az elsődleges akció sárga pill. A beszélgetés-sorok 12px lekerekítésűek, az aktív sor krém háttér + sárga pötty (nem tömör sárga blokk).
Fejléc
Beszélgetés-sorok
A Márka útvonal panel egyedi eleme. A státusz sárga pill badge, a megbízhatósági sáv sárga (nem zöld) - fekete százalékkal. Kártya 16px, hover finoman emel.
1. Az ügy - miért
A yellow márka alapvetően közösség-központú modellre épül, ahol az őszinteség és a gyakorlatiasság az alap. Nem termék, hanem közösség.
A többlépcsős folyamat állapotát krém kártyán, sárga sávval mutatjuk. Ugyanez a minta a szakaszok százalékos kitöltésére is.
Teljesített szakaszok: 2/9
Új beszélgetéskor középre zárt üdvözlés + composer, alatta javaslat chipek. A kulcsszó mögött sárga highlight. Ez a benchmark (Gemini, Claude, ChatGPT) legerősebb közös mintája, yellow nyelven.
Az app-felület tipikus elcsúszásai a brandtől.
| Tömör sárga aktív blokk a railben | Krém #FFFEF5 + sárga pötty |
| Zöld / kék státuszszín (megbízhatóság) | Sárga sáv, fekete százalék |
| Szögletes 6-8px sarkok | Pill és 16-22px lekerekítés |
| Szürke, letiltott Küldés gomb | Sárga pill glow-val |
| Full-width, szétfolyó beszélgetés | ~740px olvasási oszlop |
| Sima bg-[#FFF012] inline highlight | yellow-highlight class (nem lóg a descenderbe) |