Figma
sasis monokrom kanggo kekacauan kromatik
Antarmuka iki fungsine minangka wadhah struktural sing ketat lan kontras dhuwur, sing menehi dominasi visual lengkap kanggo konten sing digawe pangguna. Garis dasar yaiku palet #000000 nganti #ffffff sing ketat, sing nyingkiri warna abu-abu sing alus lan milih kontras maksimum absolut kanggo wates utama lan teks. Hirarki tipografi meh kabeh adhedhasar ukuran lan jarak huruf negatif sing agresif tinimbang variasi warna, ngowahi baris teks sing gedhe dadi blok grafis sing padhet. Logika radius wates nggawe dikotomi sing cetha: "paku" njaba 50px kanggo elemen navigasi global sengaja kontras karo pojok 0px sing cetha saka wadhah konten.
Komposisi adhedhasar wates jembar maksimal ekstrem (maks. 1440px) sing ana ing tengah viewport lan kalebu kluster konten sing padhet sing dipisahake dening ruang makro sing akeh (96-120px spasi putih antarane bagean). Arketipe "pahlawan" asring nggunakake galeri gambar asimetris sing ditambat kanthi dinamis ing sangisore blok UI sing ngambang lan ditengah kanthi sampurna. Ing ngisor lipatan, informasi langsung cocog karo kisi papat kolom sing ketat tanpa margin, mbentuk kluster kertu sing bola-bali, ngoptimalake kapadhetan obyek nalika ngilangi margin saka pigura.
Desain visual iki adhedhasar asil sing fokus marang pangguna. Gambar ditampilake minangka kothak sing rata, tanpa pigura, utawa fragmen sing kasebar lan tumpang tindih, sing ngelingake obyek fisik, kanthi latar mburi sing kosong lan kosong. Gambar minangka siji-sijine sumber warna ing situs web kasebut. Ora ana unsur fotografi gaya urip utawa ilustrasi perusahaan standar—saben unsur grafis minangka potret kanvas digital sing tepat lan harfiah, sing bisa digunakake bebarengan minangka bukti produk lan unsur estetika utama.
Palet
Merek
- Context Action Violet
#4d49fc— Ajakan tumindak utama sing dilokalisasi ing sub-panel - siji warna interupsi nemtokake titik fokus.
Netral
- Absolute Canvas
#ffffff— Latar mburi kaca, toolbar ngambang, dhasar panel sing diangkat. - Structural Ink
#000000— Font dhasar, latar mburi tombol sing padhet, garis luar tombol. - Graphite Metadata
#595959— Teks pengarang sekunder, subteks lokal, nilai placeholder - Boundary Frame
#e2e2e2— Pamisah sing alus lan wates kolom input sing ora aktif. - Angular Teal
#33dfdf— Efek dekoratif, indikator pemuatan, lan visualisasi kursor aktif.
Tipografi
saka 12 nganti 72px · 6 langkah
- figmaSans — panggantos: Inter · garis besar 320, 330, 340, 400, 450, 480, 520, 700 · Piranti serbaguna sing ngatur kabeh saka judhul tampilan nganti label navigasi. Piranti iki nggawe tampilan unik kanthi ngowahi pelacakan negatif optik.
- figmaMono — panggantos: JetBrains Mono · garis besar 400 · Microtag, pelacakan koordinat, lan nuansa teknis sing luwih berfungsi minangka elemen antarmuka panganggo tinimbang minangka konten.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | padhet |
| Langkah dhasar | 24px |
| Radius tombol | 8px |
| Radius kertu | 12px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 96-120px |
| Ambane kaca | 1440px |
AI bakal mbangun situs web sampeyan nganggo gaya Figma lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Caldera — Tempa geni ing watu gamping sing anget. Kanvas kasebut digawe saka plester sing mentah lan anget, lan saben unsur oranye katon kaya bara sing membara sing dipencet ing permukaan.
- Vercel — Terminal dicithak ing kertas putih
- Dylanbrouwer — Pabrik brutalist nalika srengenge surup
- Headspace — Pojok kesehatan sing cerah ing kertas sing anget
- WHOOP — Laboratorium pagelaran ing tengah wengi - meja laboratorium klinis putih ing sangisore kekosongan teater ireng, pulsa listrik ungu tunggal
- (dot)connect — Gambar teknik Swiss nganggo sepotong areng
- Together AI — Konsol riset ing kertas glasial
- Vivid+Co — cahya prismatik liwat obsidian
- Sequel — Pemutaran film pribadi sawise peteng minangka siji-sijine cahya anget ing bioskop sing peteng.
- v0 by Vercel — Gambar mesin bubut. Presisi lan fungsionalitas iku sing paling penting, saben unsur nduweni tujuan sing jelas ing permukaan sing resik lan sampurna sacara teknis.
- ThoughtLab — Monumen obsidian kanthi sinyal abang. Kanvas kekosongan ireng, ing ngendi siji-sijine obyek abang jenuh ing katedral, dicithak nganggo huruf putih gedhe, yaiku siji tokoh kromatik.
- Dovetail — Cetak biru ing sangisore rembulan ireng—garis grafik meh ora katon, font putih, siji kilauan ungu