Forma-nyelv
Teljesen lekerekített, pill-alapú vizuális nyelv
Szögletes vs. lekerekített
A yellow kizárólag lekerekített formákat használ. A szögletes elemek tiltottak.
Kártya cím
Szögletes sarok
Kártya cím
Lekerekített sarok
Lekerekítési skála
A teljes radius skála a legkisebbtől a teljes pill formáig.
sm
9.6px
rounded-sm
md
12px
rounded-xl
lg
16px
rounded-2xl
xl
20px
rounded-[20px]
2xl
24px
rounded-3xl
full
9999px
rounded-full
Elemtípusok
Minden elemtípushoz meghatározott lekerekítési érték tartozik.
Gombok & badge-ek
Teljes pill forma - a yellow vizuális védjegye
Kártyák
Nagy lekerekítés, puha, barátságos megjelenés
Lista elemek
Közepesen lekerekített, tartalmi blokkokhoz
Avatarok
Kör alakú, fehér borderrel
Képek kártyákban
Lekerekített sarkok + gradient overlay
A YELLOW-ban nincs szögletes sarok.
Minden elem lekerekített - ez a vizuális nyelvünk alapja.