Stripe
Buku rekening sing ditulis nganggo tinta indigo ing kaca buram
Stripe migunakaké basa sing mèh padha monokrom kanggo instrumen keuangan: kanvas putih alus lan adhem kanthi judhul biru peteng, meh ora ana unsur krom dekoratif, lan siji indigo padhang (#533afd) sing bisa digunakake minangka tombol, pranala, utawa garis ikon. Tipografiné tipis banget, kanthi bobot 300 poin—sanajan ing 56px—sing krasa kurang tegas tinimbang perusahaan sing terang-terangan; jarak huruf mudhun banget kanthi ukuran sing saya tambah. Tombol cilik, kothak (4px), lan nggunakake isi ungu utawa garis ungu sing paling tipis. Sistem iki ngindhari bayangan; ambane digayuh kanthi ngganti warna latar mburi (putih → #f8fafd → #e5edf5 → warna ungu), tinimbang liwat elevasi. Kabeh antarmuka tumindak kaya buku besar akuntansi utawa terminal: informasi sing padhet, garis sing jelas, papan sing cukup antarane bagean, lan warna mung katon nalika ana tindakan sing dibutuhake.
Ambane maksimal yaiku ~1320px kanggo kolom konten sing ana ing tengah ing kanvas putih. Pahlawan kasebut minangka blok teks sejajar kiwa kanthi ukuran lengkap (56px) kanthi rong ajakan tumindak ing ngisor, ora ana gambar pahlawan—tipografine AKU pahlawan. Bagean disusun vertikal kanthi talang 96px sing padha lan pembagi 1px #e5edf5; ora ana garis peteng/padhang sing ganti-ganti. Saben bagean ngetutake pola sing dibaleni: judhul bagean cilik kanthi huruf kapital kabeh (werna smoky, 12px), banjur judhul 32-48px, banjur paragraf 22px, banjur kothak kertu produk (3 kolom ing desktop) utawa blok teks 2 kolom kanthi seni visual. Logo klien katon ing garis vertikal sing sempit, sejajar kiwa. Footer minangka siji garis #f8fafd sing amba kanthi dhaptar pranala multi-kolom. Irama sakabèhé alon, terukur, lan utamane tekstual—kapadhetan informasi kurang, sanajan dawane gulungan dawa.
Gambar-gambar kasebut diwatesi lan gaya dokumenter. Foto kaca lengkap mung katon ing bagean sing nampilake studi kasus (kayata, fotografi lalu lintas udara kanggo Hertz), dijupuk saka ndhuwur utawa ing sudut dramatis, nggunakake warna alami—ora ana duotone utawa pangolahan warna. Cuplikan layar antarmuka pangguna produk digunakake ing kertu fitur, digawe kanthi sudut sing tajem lan wates sing jelas, tanpa pigura piranti. Logo mitra ditampilake nganggo warna dhewe, tanpa wadhah apa wae. Ora ana ilustrasi, render 3D, utawa elemen grafis abstrak dekoratif. Ikon seragam: bobot garis 1, bobot garis 2 ing latar mburi putih, kanthi seni garis geometris (chevron, panah, tandha centhang, simbol dokumen). Kaca kasebut utamane kasusun saka teks lan ruang putih; gambar ngenggoni kurang saka 3% saka total area visual.
Palet
Merek
- Indigo Ink
#533afd— Wungu digunakake kanggo tombol sing diisi, status navigasi sing dipilih, lan momen konversi sing didorong fokus. - Indigo Hover
#7389ff— Werna wungu digunakake kanggo nyorot pranala, tag, lan frasa cendhak. Werna iki ora kena digunakake minangka werna utama kanggo ajakan tumindak.
Netral
- Midnight Ink
#061b31— Judhul utama lan teks awak awujud werna ireng sing jero kanthi warna biru adhem, sing dadi dhasar kanggo kabeh sistem font. - Slate
#64748d— Teks abu-abu nyorot pranala, tag, lan frasa cendhak. - Steel
#50617a— Teks tambahan lan materi pendukung diselehake ing antarane slate lan nada ungu sing diredam sing digunakake ing sublisensi. - Smoke
#839bc8— Kanggo judhul dekoratif gedhe lan teks sing diiringi, warna ungu sing kalem digunakake - ora tau ana ing paragraf awak. - Pure White
#ffffff— Kanvas kaca lan lumah kertu sing munggah; latar mburi gawan sing dadi ukuran kanggo kabeh liyane. - Mist
#f8fafd— Latar mburi sikil lan pambagi bagean minangka warna adhem sing alus sing misahake area tanpa wates sing katon.
Tipografi
saka 12 nganti 56px · 9 langkah
- sohne-var — panggantos: Inter Tight (variable · garis besar 300, 400 · Font sing digunakake ing kabeh antarmuka mung kanggo judhul, teks awak, navigasi, tombol, lan label. Bobot 300 tetep ana sanajan ukuran layar 56px, sing dadi fitur khas: judhul luwih kaya bisik-bisik tinimbang bengok-bengok, netepake otoritas liwat pengekangan tinimbang volume. Bobot 400 mung katon ing 14-16px kanggo navigasi lan teks tombol, ing ngendi stroke ekstra dibutuhake kanggo keterbacaan ing ukuran sing luwih cilik.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | jembar |
| Langkah dhasar | 8px |
| Radius tombol | 4px |
| Radius kertu | 4px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 96px |
| Ambane kaca | 1320px |
AI bakal mbangun situs web sampeyan nganggo gaya Stripe 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
- Ui — rencana klinis ing kertas matte
- monopo saigon — Cahya warna-warni sing cair ing mburi kasepen editorial—galeri editorial monokrom sing ngambang ing cahya sing cair
- Ventriloc — Observatorium editorial data ing kertas anget - siji bara oranye sing nyoroti presisi monokrom
- Hyer Aviation — Senja ing kokpit ditutupi perkamen. Langit subuh sing pucet ketemu karo logo serif ukuran badan pesawat, lan aksen lempung sing anget ngilangi watesan monokrom.
- Family — Sebaran saka dongeng ing perkamen krim
- OFF+BRAND. — Bola warna-warni ing perkamen anget
- Geniestudio — Buku cathetan alus kanggo awan—jinis buku cathetan kanthi pinggiran amba lan sak goresan pena sing kandel
- xAI — Lab Krim Anget nganggo Pil Ireng
- Seed — organisme urip ing sangisore kaca laboratorium
- Cosmos — Tembok galeri dilapisi kain linen lan digantung nganggo Polaroid
- Cal — Kepraktisan monokrom, pendekatan manungsa. Sistem sing ngutamakake kajelasan lan fungsionalitas liwat palet ireng-putih sing ketat, nanging ngalusake nganggo tipografi sing ramah lan bentuk bunder.
- T1 Energy — Gambar fasilitas produksi ing perkamen anget minangka pemandangan monokrom sing sepi ing ngendi skala industri lan tipografi sing alus nggambarake kabeh merek.