Struktur dan hierarki

Design tokens diorganisasikan dalam hierarki bertingkat yang menciptakan sistem yang terstruktur dan dapat diperluas. Hierarki ini dimulai dari level paling abstrak hingga implementasi konkret, memungkinkan fleksibilitas dan kemudahan pemeliharaan.

Tingkatan

Sistem design tokens terdiri dari beberapa lapisan konseptual yang saling terkait. Dimulai dari tokens paling dasar atau primitif, kemudian berkembang menjadi tokens semantik, dan akhirnya mencapai tokens komponen spesifik.

Primitive

Token Primitive adalah fondasi paling dasar dalam sistem. Mereka merepresentasikan nilai mentah seperti warna, tipografi, ukuran, dan spasi dalam bentuk paling murni. Contohnya mencakup kode warna spesifik, ukuran font absolut, atau nilai spasi fundamental.

Semantic

Token Semantic memberikan makna dan konteks pada Token Primitive. Mereka menerjemahkan nilai dasar ke dalam konsep yang lebih bermakna dalam desain. Misalnya, mengubah kode warna mentah menjadi "warna primer", "warna aksen", atau "warna latar belakang".

Komponen

Token Komponen adalah implementasi langsung dari Token Semantic pada elemen antarmuka spesifik. Mereka menentukan bagaimana Token Semantic diaplikasikan pada komponen seperti tombol, input, atau Card.