Column
buku besar biru peteng ing sangisore subuh sing adhem
Kolom nggunakake warna biru laut sing jero lan institusional kanthi latar mburi meh putih: kaca kasebut krasa kaya permukaan produk perbankan sing kuwat dhisik lan papan dolanan pangembang nomer loro. Werna merek dudu siji-sijine, nanging pasangan sing terkoordinasi—biru laut #111a4a kanggo struktur sing serius, ijo mint #44b48b kanggo data lan kode—kanthi siji oranye anget (#ec652b) sing dikhususake kanggo permukaan aksen intensitas dhuwur kaya kertu Brex. Tipografi didominasi dening SuisseIntl, sans serif geometris sing digunakake ing kabeh rentang bobot saka 300 (pranala) nganti 600 (tampilan), menehi sistem gaya editorial sing apik sing ora diduweni dening umume perusahaan fintech. Kertu ngambang ing permukaan putih gedhe kanthi bayangan sing alus lan berlapis; umume elemen antarmuka rata, kanthi ambane mung katon ing endi kertu kudu krasa kaya obyek fisik (widget transaksi, mockup produk). Kode lan data finansial ditampilake kanthi monokrom, warna busa laut—sinyal visual yen iki minangka bank sing dibangun dening insinyur kanggo insinyur.
Struktur kaca iki jembaré kebak, ana ing tengahé, kanthi margin sisih sing amba (64–15 cm ing desktop). Layar utama minangka tata letak sing dipisah: judhul lan ajakan tumindak dirata ing sisih kiwa ing jarak 25 cm, dene widget transaksi ngambang diposisikake ing sisih tengen ing jarak 55 cm kanthi latar mburi peta halftone. Ing ngisor layar utama, bagean-bagean ganti-ganti antarane kanvas putih (4 cm) lan kanvas entheng (5 cm) kanthi talang vertikal 6 cm. Isi disusun miturut kothak 6 kolom tunggal: blok teks manggoni 4 kolom (7 cm), kertu gambar/produk manggoni 5–6 kolom, kanthi offset sing disengaja saka kothak. Bagean sing njlèntrèhaké fitur nggunakake tata letak 2 kolom: teks ing sisih kiwa, produk ing sisih tengen. Bagean statistik kepercayaan dipérang dadi kothak 4 kolom ing jembaré kaca. Logo pelanggan dumunung ing baris tengah tunggal kanthi talang 48px. Footer duwé tata letak rong kolom sing kompak. Navigasine awujud bilah ndhuwur transparan sing tetep, dhuwuré 62 piksel, ing ndhuwur layar utama kanthi latar mburi burem sing bakal ilang dadi putih nalika sampeyan nggulung. Ora ana sidebar utawa mega-menu—gulung-mudhun awujud menu prasaja kaya panah.
Gaya visualé minimalis lan fungsional—Kolom ora nganggo fotografi stok blas. Basa visual iki dibangun saka telung sumber: (1) ilustrasi data SVG, mliginé peta donya halftone titik-titik, sing dirender nganggo gradien saka indigo nganti oranye nganti biru kehijauan, nggawé swasana skala global ing mburi unsur utama; (2) tata letak kertu produk—widget ngambang sing nampilake saldo akun, rincian transfer, lan cuplikan kode JSON ing kertu putih kanthi bayangan dramatis; (3) visualisasi bagan—diagram candlestick utawa bar biru kehijauan kanthi garis penghubung tipis sing digunakaké ing bagean kepercayaan/statistik. Peta halftone minangka unsur visual khas—transisi gradien saka #d65620 (oranye) nganti ungu, biru, biru langit, biru kehijauan, lan kuning, nggawé spektrum sing nyawijikaké kabèh palet merek ing siji permukaan dekoratif. Ikon-ikon kasebut nduwèni kekandelan garis luar sing seragam 1,5–2px ing varian #232730 utawa #a9acb6, kanthi isi kanggo status aktif. Ora ana foto gaya urip, ora ana render 3D abstrak—pengekangan iki disengaja kanggo fokusake perhatian marang produk lan data.
Palet
Merek
- Indigo Navy
#111a4a— Werna merek utama digunakake kanggo ajakan tumindak sing wis diisi, status navigasi aktif, header, lan logo. Werna biru ungu tuwa menehi situs iki warna ireng sing padhet nanging sugih; dipasangake karo teks putih, iki nggawe tombol sing paling tegas ing situs kasebut. - Seafoam 600
#44b48b— Werna kode lan data yaiku werna merek kanggo kunci JSON, pengenal, lan nilai finansial ing cuplikan kode. Iki uga digunakake kanggo titik data ing grafik lan visualisasi pertumbuhan. - Seafoam 700
#167e6c— Werna busa laut sing luwih peteng kanggo garis besar, garis bagan, lan aksen ikon ing konteks data. Iki nandharake skala busa laut kanthi latar mburi sing luwih peteng. - Seafoam 400
#94efb7— Fragmen kode sing disorot ngemot nilai string, URL, lan titik pungkasan API ing njero blok kode. Werna busa laut sing paling entheng diwaca minangka font monospasi kanthi warna ijo. - Deep Sea
#023247— Garis dekoratif lan warna aksen ing bagan kasebut minangka warna biru kehijauan sing sugih sing digunakake ing ilustrasi SVG lan visualisasi data, bebarengan karo skala warna busa laut.
Netral
- Midnight Ink
#011821— Permukaan peteng lan teks sing disorot – latar mburi kertu produk, teks utama kontras dhuwur. Luwih cedhak karo abu-abu kanthi warna biru-ijo sing adhem; digunakake minangka dhasar kanggo mode peteng nalika bagean kudu diwalik. - Slate Ink
#3b3e47— Judhul sekunder lan teks utama rada luwih anget tinimbang Midnight Ink, digunakake ing panggonan sing ireng murni katon kakehan atos ing kanvas sing padhang. - Steel
#7c7f88— Teks utama lan teks pranala didominasi warna sing kalem (digunakake kaping 245 ing teks utama). Warna abu-abu-biru netral sing dirasakake tenang, ora tau dadi gambar sing luntur. - Fog
#a9acb6— Garis besar ikon, wates tersier, lan teks placeholder. Werna abu-abu sedheng sing misahake teks tanpa saingan karo teks kasebut. - Mist
#cbcccf— Teks utama—tandha tangan, penafian, lan cetakan cilik—bisa diwaca ing latar mburi putih, nanging sacara visual kurang katon. - Silver Lining
#e3e4e8— Wates kertu, wates kolom input, garis pamisah. Werna struktural lan alus iki digunakake ing ngendi rong permukaan kudu dipisahake tanpa bayangan.
Tipografi
saka 10 nganti 60px · 10 langkah
- SuisseIntl — panggantos: Inter · garis besar 300, 400, 500, 600 · Font utama – digunakake kanggo kabeh judhul, teks awak, tombol, navigasi, pranala, lan teks kertu. Sans serif geometris sing unik menehi Kolom gaya editorial sing khas, sing mbedakake saka perusahaan fintech liyane sing kerja khusus karo Inter-only. Bobote yaiku 600 kanthi ukuran 52-60px kanggo judhul, 500 kanggo subjudul, 400 kanggo teks awak, lan 300 kanggo pranala kanthi penekanan sing kurang.
- SuisseIntlMono — panggantos: JetBrains Mono · garis besar 400 · Font monospaced sing mèmper karo SuisseIntl, digunakaké kanggo label teknis, pengenal API, lan data sing disematké ing elemen UI. Font iki njaga proporsi sing padha karo SuisseIntl, saéngga tèks monospaced lan proporsional bisa disejajarké kanthi bener ing konteks campuran.
- SFMono — panggantos: Fira Code · garis besar 400 · Tampilan cuplikan kode – ditampilake ing conto JSON lan blok dokumentasi API. Bayangan busa laut digunakake kanggo mbedakake kode saka teks UI kanthi visual.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 8px |
| Radius tombol | 8px |
| Radius kertu | 8px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 72px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Column 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
- dope.security — Terminal tengah wengi nganggo suar ungu
- Leonardo — Galeri editorial sing diwalik. Museum bertembok ireng ing ngendi judhul ungu tumindak minangka instalasi tembok, lan potret sing digawe AI digantung ing kothak sing padhet ing ngisor.
- VEED — Tembok galeri putih nganggo tombol lampu ijo neon
- Craft Docs — Kolase digital kanggo scrapbooking. Desaine meh padha karo scrapbook sing dipikir kanthi tliti lan gampang disentuh, ing ngendi cathetan digital sing terstruktur digabungake karo tekstur sing alus lan organik.
- Letter — Galeri pribadi sing nampilake artefak sing berkilauan saka panyimpenan. Ruang pameran berdinding ireng ing ngendi judhul serif ngambang ing ndhuwur patung krom ing tembok galeri sing diwarnai.
- Railway — Ekspres Tengah Wengi Kosmik. Lelampahan sing tenang lan nyenengake ngliwati angkasa sing peteng lan kebak lintang, dipandu dening sinyal sing jelas.
- Garden Eight — Editorial monumental ing kertas werna krem. Judhul serif 215px dumunung dhewekan ing perkamen anget, diubengi dening wujud pahatan sing ngambang lan ruang negatif sing ngelingake udhara segara—kaca kasebut luwih kaya sampul monografi seni tinimbang dasbor.
- Steep — Analisis Font Serif ing Kertas Anget
- ElevenLabs — Esai foto nganggo warna krem anget kanthi judhul sing alus. Buku cathetan gaya Bauhaus—kertas warna kulit endhog, tinta ireng, lan aksen ungu lan oranye siji kanggo tampilan produk.
- Awesomic — Jaring seng editorial nganggo tandha wacan oranye sing ngelingake konfeti
- Monad — jurnal teknis editorial babagan perkamen anget
- AI for Business — Ruang pamer editorial brutalist kanthi warna abu-abu anget