Stripe
Buku rekening anu ditulis nganggo tinta indigo dina kaca buram
Stripe ngagunakeun basa anu ampir monokrom pikeun instrumen kauangan: kanvas bodas anu lemes sareng tiis kalayan judul biru poék, ampir teu aya unsur krom hiasan, sareng hiji indigo anu caang (#533afd) anu sacara sah tiasa dianggo salaku tombol, tautan, atanapi garis luar ikon. Tipografina ipis pisan, kalayan beurat 300 poin — bahkan dina 56px — anu karasa diremehkeun kalayan percaya diri tinimbang sacara terang-terangan perusahaan; jarak hurupna ngirangan sacara seukeut kalayan ningkatna ukuran. Tombolna alit, pasagi (4px), sareng nganggo eusian wungu atanapi garis luar wungu anu paling ipis. Sistem ieu nyingkahan kalangkang; jerona kahontal ku cara ngarobih warna latar (bodas → #f8fafd → #e5edf5 → warna wungu), tinimbang ku cara ningkatkeun. Sakabéh antarmuka kalakuanana sapertos buku besar akuntansi atanapi terminal: inpormasi anu padet, garis anu jelas, rohangan anu lega antara bagian, sareng warna ngan ukur muncul nalika aya tindakan anu diperyogikeun.
Lebar maksimumna nyaéta ~1320px pikeun kolom eusi anu di tengah dina kanvas bodas. Pahlawan nyaéta blok téks anu diratakeun ka kénca dina ukuran pinuh (56px) kalayan dua ajakan pikeun bertindak di handap, teu aya gambar pahlawan—tipografina nyaéta pahlawan. Bagian-bagian disusun sacara vertikal kalayan talang 96px anu sami sareng pamisah 1px #e5edf5; teu aya garis poék/caang anu silih genti. Unggal bagian nuturkeun pola anu diulang: judul bagian leutik dina sadaya hurup kapital (warna haseup, 12px), teras judul 32-48px, teras paragraf 22px, teras grid kartu produk (3 kolom dina desktop) atanapi blok téks 2 kolom kalayan seni visual. Logo klien muncul dina jalur vertikal anu sempit, diratakeun ka kénca. Footer nyaéta hiji jalur #f8fafd anu lega kalayan daptar tautan multi-kolom. Ritme sakabéhna laun, diukur, sareng didominasi tékstual—kapadetan inpormasi rendah, sanaos panjang gulungan panjang.
Gambarna diwatesan sareng gaya dokumenter. Poto sakaca pinuh ngan ukur némbongan dina bagian anu nampilkeun studi kasus (contona, fotografi lalu lintas udara pikeun Hertz), dipoto ti luhur atanapi dina sudut anu dramatis, nganggo warna alami—henteu aya duotone atanapi pamrosésan warna. Potret layar antarmuka pangguna produk dianggo dina kartu fitur, dirender kalayan sudut anu seukeut sareng wates anu jelas, tanpa pigura alat. Logo mitra ditampilkeun dina warnana nyalira, tanpa wadah naon waé. Henteu aya ilustrasi, render 3D, atanapi unsur grafis abstrak dekoratif. Ikon seragam: beurat garis 1, beurat garis 2 dina latar bodas, kalayan seni garis géométri (chevron, panah, tanda cék, simbol dokumén). Kaca utamina diwangun ku téks sareng rohangan bodas; gambar ngeusian kirang ti 3% tina total daérah visual.
Palet
Merek
- Indigo Ink
#533afd— Wungu dianggo pikeun tombol anu dieusi, kaayaan navigasi anu dipilih, sareng momen konvérsi anu didorong ku fokus. - Indigo Hover
#7389ff— Wungu dianggo pikeun nyorot tautan, tag, sareng frasa pondok. Warna ieu teu kedah dianggo salaku warna utama pikeun ajakan bertindak.
Nétral
- Midnight Ink
#061b31— Judul utama sareng téks awakna warnana poék, ampir hideung kalayan warna biru tiis, anu janten dasar pikeun sakabéh sistem font. - Slate
#64748d— Téks kulawu nyorot tautan, tag, sareng frasa pondok. - Steel
#50617a— Téks tambahan sareng bahan pendukung diposisikan antara nada batu tulis sareng nada ungu anu diredam anu dianggo dina sublisensi. - Smoke
#839bc8— Pikeun judul hiasan anu ageung sareng téks anu ngalengkepanana, warna ungu anu kalem dianggo - henteu pernah dina paragraf awak. - Pure White
#ffffff— Kanvas halaman sareng permukaan kartu anu ditinggikeun; latar tukang standar anu dianggo pikeun ngukur sagala hal anu sanés. - Mist
#f8fafd— Latar tukang footer sareng pambagi bagian mangrupikeun warna tiis anu lemes anu misahkeun daérah anu teu aya wates anu katingali.
Tipografi
ti 12 nepi ka 56px · 9 léngkah
- sohne-var — panggantian: Inter Tight (variable · garis besar 300, 400 · Hiji-hijina font anu dianggo dina sakabéh antarmuka nyaéta pikeun judul, téks awak, navigasi, tombol, sareng labél. Bobot 300 tetep aya sanajan dina ukuran layar 56px, anu mangrupikeun ciri anu khas: judul ngaharéwos tinimbang ngagorowok, ngadegkeun otoritas ngalangkungan pangwatesan tinimbang volume. Bobot 400 ngan ukur muncul dina 14–16px pikeun navigasi sareng téks tombol, dimana stroke tambahan diperyogikeun pikeun kabacaan dina ukuran anu langkung alit.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | lega |
| Léngkah dasar | 8px |
| Radius tombol | 4px |
| Radius kartu | 4px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 96px |
| Lebar kaca | 1320px |
AI bakal ngawangun situs wéb anjeun dina gaya Stripe 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
- Ui — rencana klinis dina kertas matte
- monopo saigon — Cahaya cair warna-warni di balik tiiseun éditorial—galeri éditorial monokrom anu ngambang dina cahaya anu leleh
- Ventriloc — Observatorium éditorial data dina kertas haneut - hiji bara oranyeu anu nyorot katepatan monokrom
- Hyer Aviation — Reup sareupna di kokpit di luhureun perkamen. Langit subuh nu bodas patepang jeung logo serif ukuran badan pesawat, sarta hiji aksen liat nu haneut megatkeun kekangan monokrom.
- Family — Sebaran tina dongéng dina perkamen krim
- OFF+BRAND. — Bola warna-warni dina perkamen haneut
- Geniestudio — Buku catetan siang anu lemes—jenis anu marginna lega sareng hiji goresan pulpen anu kandel
- xAI — Lab Krim Haneut nganggo Pil Hideung
- Seed — organisme hirup di handapeun kaca laboratorium
- Cosmos — Témbok galeri dilapis ku linen sareng digantung ku Polaroid
- Cal — Praktisitas monokrom, pendekatan manusa. Sistem anu ngutamakeun kajelasan sareng fungsionalitas ngalangkungan palet hideung-bodas anu ketat, tapi ngalemeskeunana ku tipografi anu ramah sareng bentuk buleud.
- T1 Energy — Gambar fasilitas produksi dina perkamen haneut mangrupikeun pamandangan monokrom anu sepi dimana skala industri sareng tipografi anu halus ngawujudkeun sakumna merek.