Design system sosial dan komunitas
Sistem desain yang diekstrak dari jejaring sosial, platform komunitas, dan website personal. Feed, profil, avatar, dan kontrol posting mendefinisikan sistem ini, sering dengan satu warna brand yang ceria dan komponen membulat yang ramah.
2 contoh DESIGN.md di kategori ini, dari Dribbble dan Snapchat. Diekstrak dari halaman publik setiap situs, bukan pedoman brand resmi. Baru mengenal format ini? Baca apa itu DESIGN.md.
Dribbble
Sistem desain Dribbble dibangun di atas navy hampir hitam yang dalam (#0d0c22) yang dipadukan dengan permukaan putih yang bersih, diselingi aksen pink-panas khas (#ea4c89) yang digunakan secukupnya untuk penekanan editorial dan sorotan interaktif. Seluruh sistem tipografinya hanya mengandalkan Mona Sans di semua ketebalan, sehingga hierarki dibentuk melalui ketebalan dan ukuran saja. Tombol berbentuk pil (border-radius: 1e+07px) dan kartu dengan sudut membulat (radius 12px) menjadi bahasa geometri utamanya. Tata letaknya lapang dengan grid dasar 8px, dan elevasi dihadirkan melalui drop shadow yang halus, bukan tumpukan lapisan yang berat.
Snapchat
Situs web Snapchat menggunakan tema terang berkontras tinggi yang berpusat pada warna kuning merek ikoniknya #FFFC00, permukaan utama hampir hitam (#121314), dan latar halaman putih yang bersih. Desainnya memadukan Avenir Next (utama) dengan Graphik (sekunder) untuk hierarki tipografi yang ramah namun tetap tertata. Elemen interaksi seperti tombol, pill, dan tag menggunakan radius penuh (100px), sedangkan input memakai radius 5px yang halus. Navigasi berupa pill mengambang dengan bayangan lembut. Konten ditampilkan dalam kartu media besar dengan teks putih di atasnya, menciptakan tata letak yang imersif dan menonjolkan pratinjau aplikasi. Kepadatan keseluruhannya sedang, dengan spasi yang lapang dan hierarki visual yang jelas, menjembatani konvensi UI pemasaran dan UI produk.
Situs yang Anda cari tidak ada?
Tempel URL apa pun untuk mendapatkan DESIGN.md dari website apa pun. Warna, tipografi, spacing, dan token, siap untuk workflow AI Anda.