Figma
casis monokrom untuk huru-hara kromatik
Antara muka berfungsi sebagai bekas struktur kontras tinggi yang ketat, memberikan dominasi visual sepenuhnya kepada kandungan yang dijana pengguna. Garis dasar ialah palet #000000 hingga #ffffff yang ketat, yang mengelakkan rona kelabu halus dan memihak kepada kontras maksimum mutlak untuk sempadan utama dan teks. Hierarki tipografi hampir sepenuhnya berdasarkan saiz dan jarak huruf negatif yang agresif dan bukannya variasi warna, mengubah baris teks yang besar menjadi blok grafik yang padat. Logik jejari sempadan mewujudkan dikotomi yang jelas: "paku" luar 50px untuk elemen navigasi global sengaja membezakan dengan sudut 0px yang jelas pada bekas kandungan.
Komposisi adalah berdasarkan sempadan lebar maksimum yang ekstrem (maks. 1440px) yang memusatkan port pandangan dan merangkumi kelompok kandungan yang padat yang dipisahkan oleh ruang makro yang luas (96-120px ruang kosong antara bahagian). Arketaip "wira" sering menggunakan galeri imej asimetri yang berlabuh secara dinamik di bawah blok UI terapung yang berpusat sempurna. Di bawah lipatan, maklumat serta-merta mematuhi grid empat lajur yang ketat tanpa margin, membingkai kelompok kad yang berulang, memaksimumkan ketumpatan objek sambil menghapuskan margin daripada bingkai.
Reka bentuk visual adalah berdasarkan hasil yang difokuskan kepada pengguna. Imej dipaparkan sebagai segi empat sama rata tanpa bingkai atau serpihan yang berselerak dan bertindih, mengingatkan objek fizikal, dengan latar belakang yang kosong dan samar. Imej adalah satu-satunya sumber warna di laman web. Tiada elemen fotografi gaya hidup atau ilustrasi korporat standard—setiap elemen grafik ialah gambaran tepat dan literal kanvas digital, berfungsi serentak sebagai bukti produk dan elemen estetik utama.
Palet
Jenama
- Context Action Violet
#4d49fc— Seruan bertindak utama setempat dalam sub-panel - satu warna gangguan mentakrifkan titik fokus.
Neutral
- Absolute Canvas
#ffffff— Latar belakang halaman, bar alat terapung, tapak panel yang dinaikkan. - Structural Ink
#000000— Fon asas, latar belakang butang yang kukuh, garisan luar butang. - Graphite Metadata
#595959— Teks pengarang sekunder, subteks setempat, nilai ruang letak - Boundary Frame
#e2e2e2— Pemisah halus dan sempadan medan input yang tidak aktif. - Angular Teal
#33dfdf— Kesan hiasan, penunjuk 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 · Alat serba boleh yang menguruskan segala-galanya daripada tajuk paparan hingga label navigasi. Ia mencipta rupa yang unik dengan mengubah suai penjejakan negatif optik.
- figmaMono — penggantian: JetBrains Mono · garis besar 400 · Mikrotag, penjejakan koordinat dan nuansa teknikal yang berfungsi lebih sebagai elemen antara muka pengguna daripada sebagai kandungan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 24px |
| Jejari butang | 8px |
| Jejari kad | 12px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 96-120px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Figma dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Caldera — Tempa api di atas batu kapur yang hangat. Kanvas itu diperbuat daripada plaster yang mentah dan hangat, dan setiap elemen oren kelihatan seperti bara api yang membara yang ditekan ke permukaan.
- Vercel — Terminal dicetak pada kertas putih
- Dylanbrouwer — Kilang brutalis ketika matahari terbenam
- Headspace — Sudut kesejahteraan yang cerah di atas kertas yang hangat
- WHOOP — Makmal persembahan pada tengah malam - meja makmal klinikal putih di bawah lompang teater hitam, satu denyutan elektrik ungu
- (dot)connect — Lukisan kejuruteraan Switzerland dengan sekeping arang
- Together AI — Konsol penyelidikan pada kertas glasier
- Vivid+Co — cahaya prisma melalui obsidian
- Sequel — Tayangan persendirian selepas gelap adalah satu-satunya cahaya hangat di pawagam yang sebaliknya gelap.
- v0 by Vercel — Lukisan mesin bubut. Ketepatan dan kefungsian adalah yang paling utama, dengan setiap elemen mempunyai tujuan yang jelas pada permukaan yang bersih dan sempurna dari segi teknikal.
- ThoughtLab — Sebuah monumen obsidian dengan isyarat merah tua. Kanvas kekosongan hitam, di mana satu-satunya objek merah tepu di katedral, dicetak dalam huruf putih besar, ialah figura kromatik tunggal.
- Dovetail — Cetak biru di bawah bulan hitam—garisan graf yang hampir tidak kelihatan, fon putih, satu kilauan ungu