Figma
sasis monokrom untuk kekacauan kromatik
Antarmuka berfungsi sebagai wadah struktural yang ketat dan kontras tinggi, memberikan dominasi visual penuh pada konten yang dihasilkan pengguna. Garis dasarnya adalah palet warna #000000 hingga #ffffff yang ketat, yang menghindari nuansa abu-abu halus demi kontras maksimum absolut untuk batas utama dan teks. Hierarki tipografi hampir seluruhnya didasarkan pada ukuran dan spasi huruf negatif yang agresif daripada variasi warna, mengubah baris teks yang panjang menjadi blok grafis yang padat. Logika radius batas menciptakan dikotomi yang mencolok: "paku" luar 50px untuk elemen navigasi global sengaja kontras dengan sudut 0px yang mencolok dari wadah konten.
Komposisi didasarkan pada batas lebar maksimum ekstrem (maksimum 1440px) yang memusatkan tampilan dan mencakup kumpulan konten padat yang dipisahkan oleh ruang makro yang luas (ruang kosong 96-120px di antara bagian-bagian). Arketipe "hero" sering menggunakan galeri gambar asimetris yang secara dinamis ditambatkan di bawah blok UI mengambang yang berada tepat di tengah. Di bawah lipatan halaman, informasi langsung menyesuaikan diri dengan grid empat kolom yang ketat tanpa margin, membingkai kumpulan kartu yang berulang, memaksimalkan kepadatan objek sambil menghilangkan margin dari bingkai.
Desain visual didasarkan pada hasil yang berfokus pada pengguna. Gambar ditampilkan sebagai persegi datar tanpa bingkai atau fragmen yang tersebar dan tumpang tindih, mengingatkan pada objek fisik, dengan latar belakang yang polos dan kosong. Gambar adalah satu-satunya sumber warna di situs web. Tidak ada elemen fotografi gaya hidup atau ilustrasi perusahaan standar—setiap elemen grafis adalah cuplikan literal yang tepat dari kanvas digital, yang berfungsi secara bersamaan sebagai bukti produk dan elemen estetika utama.
Palet
Merek
- Context Action Violet
#4d49fc— Ajakan bertindak utama yang terlokalisasi dalam sub-panel - satu warna yang mencolok menentukan titik fokus.
Netral
- Absolute Canvas
#ffffff— Latar belakang halaman, bilah alat mengambang, dasar panel yang ditinggikan. - Structural Ink
#000000— Font dasar, latar belakang tombol polos, garis luar tombol. - Graphite Metadata
#595959— Teks sekunder penulis, subteks lokal, nilai placeholder. - Boundary Frame
#e2e2e2— Pemisah yang halus dan batas bidang input yang tidak aktif. - Angular Teal
#33dfdf— Efek dekoratif, indikator pemuatan, dan visualisasi kursor aktif.
Tipografi
dari 12 hingga 72px · 6 langkah
- figmaSans — penggantian: Inter · garis besar 320, 330, 340, 400, 450, 480, 520, 700 · Sebuah alat serbaguna yang mengelola segala hal mulai dari judul tampilan hingga label navigasi. Alat ini menciptakan tampilan unik dengan memodifikasi pelacakan negatif optik.
- figmaMono — penggantian: JetBrains Mono · garis besar 400 · Mikrotag, pelacakan koordinat, dan nuansa teknis yang lebih berfungsi sebagai elemen antarmuka pengguna daripada sebagai konten.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | padat |
| Langkah dasar | 24px |
| Radius tombol | 8px |
| Radius kartu | 12px |
| Bayangan | tidak - batas, bukan bayangan |
| Di antara bagian-bagiannya | 96-120px |
| Lebar halaman | 1440px |
AI akan membangun situs web Anda dengan gaya Figma dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- Caldera — Nyalakan api di atas batu kapur yang hangat. Kanvasnya adalah plester mentah yang hangat, dan setiap elemen oranye tampak seperti bara api yang membara yang ditekan ke permukaan.
- Vercel — Terminal tercetak di atas kertas putih
- Dylanbrouwer — Pabrik pengecoran Brutalisme saat matahari terbenam
- Headspace — Pojok kesehatan yang cerah di atas kertas hangat.
- WHOOP — Laboratorium pertunjukan di tengah malam - meja laboratorium klinis putih di bawah ruang hampa teater hitam, satu denyut listrik ungu.
- (dot)connect — Gambar teknik Swiss dengan sepotong arang tunggal.
- Together AI — Konsol penelitian pada kertas glasial
- Vivid+Co — cahaya prismatik menembus obsidian
- Sequel — Pemutaran film privat setelah gelap adalah satu-satunya cahaya hangat di bioskop yang suram.
- v0 by Vercel — Gambar mesin bubut. Presisi dan fungsionalitas adalah yang terpenting, dengan setiap elemen memiliki tujuan yang jelas pada permukaan yang bersih dan sempurna secara teknis.
- ThoughtLab — Sebuah monumen obsidian dengan sinyal merah tua. Kanvas kekosongan hitam, di mana satu-satunya objek merah pekat di katedral, tercetak dalam huruf putih besar, adalah sosok kromatik tunggal.
- Dovetail — Sebuah cetak biru di bawah bulan hitam—garis grafik yang hampir tak terlihat, huruf putih, satu kilauan ungu.