Column
buku besar biru poék di handapeun subuh anu tiis
Kolom nganggo warna biru laut anu jero sareng institusional dina latar anu ampir bodas: halamanna karasana sapertos permukaan produk perbankan anu kuat heula sareng tempat ulin pamekar. Warna mérekna sanés hiji-hijina, tapi sapasang anu dikoordinasikeun — biru laut #111a4a pikeun struktur anu serius, héjo mint #44b48b pikeun data sareng kode — kalayan hiji jeruk haneut (#ec652b) anu disimpen pikeun permukaan aksen intensitas tinggi sapertos kartu Brex. Tipografina didominasi ku SuisseIntl, sans serif géométri anu dianggo dina sakumna rentang beurat ti 300 (tautan) dugi ka 600 (tampilan), masihan sistem gaya éditorial anu disempurnakeun anu teu aya dina kalolobaan perusahaan fintech. Kartu ngambang dina permukaan bodas ageung kalayan kalangkang anu halus sareng berlapis; kalolobaan unsur antarmuka datar, kalayan jerona ngan ukur muncul dimana kartu kedah karasana sapertos objék fisik (widget transaksi, mockup produk). Kode sareng data kauangan dipidangkeun dina monokrom, warna busa laut — sinyal visual yén ieu mangrupikeun bank anu diwangun ku insinyur pikeun insinyur.
Struktur kacana lébar pinuh, di tengah kalawan margin sisi anu lega (64–15 cm dina desktop). Layar utama mangrupa tata letak anu dibagi: judul sareng ajakan pikeun bertindak disusun rata ka kénca dina 25 cm, sedengkeun widget transaksi anu ngambang diposisikan di katuhu dina 55 cm ngalawan latar tukang peta halftone. Di handap layar utama, bagian-bagian silih genti antara kanvas bodas (4 cm) sareng kanvas hampang (5 cm) kalawan talang vertikal 6 cm. Eusi disusun dumasar kana hiji grid 6 kolom: blok téks nempatan 4 kolom (7 cm), kartu gambar/produk nempatan 5–6 kolom, kalawan offset anu disengaja tina grid. Bagian anu ngajelaskeun fitur nganggo tata letak 2 kolom: téks di kénca, produk di katuhu. Bagian statistik kapercayaan dibagi kana grid 4 kolom di sakuliah lébar pinuh kaca. Logo konsumén ayana dina hiji baris di tengah kalawan talang 48px. Footer miboga tata letak dua kolom anu kompak. Navigasina mangrupa bilah luhur transparan anu tetep, jangkungna 62px, di luhur layar utama kalayan latar tukang anu burem anu luntur janten bodas nalika anjeun ngagulung. Teu aya bilah sisi atanapi méga-menu—dropdownna mangrupa ménu gaya panah anu saderhana.
Gaya visualna minimalis sareng fungsional—Kolomna sagemblengna nyingkahan fotografi stok. Basa visualna diwangun dina tilu sumber: (1) ilustrasi data SVG, khususna peta dunya halftone titik-titik, anu dirender ku gradien ti indigo ka oranyeu ka biru toska, nyiptakeun suasana skala global di tukangeun unsur utama; (2) tata letak kartu produk—widget ngambang anu nampilkeun saldo akun, detil transfer, sareng cuplikan kode JSON dina kartu bodas kalayan kalangkang anu dramatis; (3) visualisasi bagan—candlestick biru toska atanapi bagan batang kalayan garis panyambung ipis anu dianggo dina bagian kapercayaan/statistik. Peta halftone mangrupikeun unsur visual khas—transisi gradienna ti #d65620 (oranyeu) dugi ka ungu, biru, biru langit, biru toska, sareng konéng, nyiptakeun spéktrum anu ngahijikeun sadaya palet merek dina hiji permukaan hiasan. Ikon-ikonna gaduh ketebalan garis luar anu seragam 1,5–2px dina varian #232730 atanapi #a9acb6, kalayan eusian pikeun kaayaan aktif. Teu aya poto gaya hirup, teu aya render 3D abstrak—watesan ieu ngahaja pikeun museurkeun perhatian kana produk sareng data.
Palet
Merek
- Indigo Navy
#111a4a— Warna mérek utama dianggo pikeun ajakan bertindak anu pinuh, kaayaan navigasi aktif, lulugu, sareng logo. Warna biru violet anu jero masihan situs éta warna hideung anu padet tapi beunghar; dipasangkan sareng téks bodas, éta nyiptakeun tombol anu paling tegas dina situs éta. - Seafoam 600
#44b48b— Warna kode sareng data nyaéta warna mérek pikeun konci JSON, idéntifikasi, sareng nilai kauangan dina cuplikan kode. Éta ogé dianggo pikeun titik data dina bagan sareng visualisasi kamekaran. - Seafoam 700
#167e6c— Warna busa laut anu langkung poék pikeun garis luar, garis bagan, sareng aksen ikon dina kontéks data. Ieu ngajangkar skala busa laut ngalawan latar tukang anu langkung poék. - Seafoam 400
#94efb7— Fragmen kode anu disorot ngandung nilai string, URL, sareng titik tungtung API dina blok kode. Warna busa laut anu paling hampang dibaca salaku font monospaced kalayan warna héjo. - Deep Sea
#023247— Garis hiasan sareng warna aksen bagan nyaéta warna pirus anu beunghar anu dianggo dina ilustrasi SVG sareng visualisasi data, sareng skala warna busa laut.
Nétral
- Midnight Ink
#011821— Beungeut poék sareng téks anu disorot – latar tukang kartu produk, téks utama kontras luhur. Langkung caket kana kulawu kalayan warna biru-héjo anu tiis; dianggo salaku dasar pikeun modeu poék nalika hiji bagian kedah dibalikkeun. - Slate Ink
#3b3e47— Judul sekundér sareng téks utama rada haneut tibatan Midnight Ink, dianggo nalika hideung murni karasana kasar teuing dina kanvas anu hampang. - Steel
#7c7f88— Téks utama sareng téks tautan didominasi ku warna anu kalem (dianggo 245 kali dina téks utama). Warna kulawu-biru nétral anu karasa tenang, henteu pernah gambar anu luntur. - Fog
#a9acb6— Garis luar ikon, wates tersier, sareng téks placeholder. Warna kulawu sedeng anu misahkeun téks tanpa bersaing sareng éta. - Mist
#cbcccf— Téks utama—tanda tangan, bantahan, sareng hurup leutik—tiasa kabaca dina latar bodas, tapi sacara visual kirang katingali. - Silver Lining
#e3e4e8— Wates kartu, wates widang input, garis pamisah. Warna struktural anu lemes ieu dianggo nalika dua permukaan kedah dipisahkeun tanpa kalangkang.
Tipografi
ti 10 dugi ka 60px · 10 léngkah
- SuisseIntl — panggantian: Inter · garis besar 300, 400, 500, 600 · Font utama – dianggo pikeun sadaya judul, eusi téks, tombol, navigasi, tautan, sareng téks kartu. Sans serif géométri anu unik masihan Kolom gaya éditorial anu khas, anu ngabédakeunana ti perusahaan fintech sanés anu damel sacara éksklusif sareng Inter-only. Beuratna nyaéta 600 dina 52–60px pikeun judul, 500 pikeun subjudul, 400 pikeun eusi téks, sareng 300 pikeun tautan anu kirang penekanan.
- SuisseIntlMono — panggantian: JetBrains Mono · garis besar 400 · Font monospaced anu sami sareng SuisseIntl, dianggo pikeun labél téknis, idéntifikasi API, sareng data anu disematkeun dina unsur UI. Éta ngajaga proporsi anu sami sareng SuisseIntl, janten téks monospaced sareng proporsional saluyu kalayan leres dina kontéks campuran.
- SFMono — panggantian: Fira Code · garis besar 400 · Tampilan cuplikan kode – ditampilkeun dina conto JSON sareng blok dokumentasi API. Kap lampu laut dianggo pikeun ngabédakeun kode tina téks UI sacara visual.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 8px |
| Radius tombol | 8px |
| Radius kartu | 8px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 72px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Column sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- dope.security — Terminal tengah peuting kalawan suar wungu
- Leonardo — Galeri éditorial anu dibalikkeun. Musium anu ditémbok hideung dimana judul-judul warna wungu bertindak salaku instalasi témbok, sareng potret anu dihasilkeun AI ngagantung dina grid anu padet di handap.
- VEED — Témbok galeri bodas kalayan tombol lampu héjo néon
- Craft Docs — Kolase digital pikeun scrapbooking. Desainna siga scrapbook anu dipikirkeun kalawan saksama tur gampang dirampa, dimana catetan digital anu terstruktur ngahiji jeung tékstur anu lemes jeung organik.
- Letter — Galeri pribadi anu nampilkeun artefak anu berkilauan tina panyimpenan. Rohangan pameran anu didinding hideung dimana judul serif ngalayang di luhur patung krom dina témbok galeri anu diwarnaan.
- Railway — Ekspres Tengah Peuting Kosmis. Lalampahan anu tenang sareng pikabitaeun ngaliwatan rohangan anu poék sareng caang béntang, dipandu ku sinyal anu jelas.
- Garden Eight — Éditorial monumental dina kertas warna krem. Judul serif 215px aya di luhur perkamen haneut, diubengi ku wangun patung anu ngambang sareng rohangan négatip anu ngingetkeun kana hawa laut—halaman éta langkung siga sampul monograf seni tibatan dasbor.
- Steep — Analisis Hurup Serif dina Kertas Haneut
- ElevenLabs — Esai poto dina warna krim haneut kalayan judul anu lemes. Buku catetan gaya Bauhaus—kertas warna cangkang endog, tinta hideung, sareng hiji aksen wungu sareng oranyeu pikeun tampilan produk.
- Awesomic — Jaring séng éditorial kalayan tanda baca oranyeu anu ngingetkeun kana konféti
- Monad — jurnal téknis éditorial ngeunaan perkamen haneut
- AI for Business — Showroom éditorial brutalist dina nada abu-abu haneut