Stripe
Muzlatilgan oynaga indigo siyohida yozilgan hisob kitobi
Stripe moliyaviy vositalar uchun deyarli monoxrom tildan foydalanadi: to'q ko'k sarlavhali yumshoq, sovuq oq kanvas, deyarli dekorativ xrom elementlari yo'q va tugma, havola yoki belgi konturi sifatida ishlatilishi mumkin bo'lgan bitta yorqin indigo (#533afd). Tipografiya juda yupqa, 300 balllik og'irlikda - hatto 56 pikselda ham - bu ochiqchasiga korporativ emas, balki ishonchli tarzda kamtarona ko'rinadi; harflar oralig'i kattalashgan sari keskin kamayadi. Tugmalar kichik, kvadrat (4 piksel) va binafsha rang plombalar yoki eng ingichka binafsha konturlardan foydalanadi. Tizim soyalardan butunlay qochadi; chuqurlikka balandlik orqali emas, balki fon ranglarini o'zgartirish orqali erishiladi (oq → #f8fafd → #e5edf5 → binafsha ranglar). Butun interfeys buxgalteriya daftari yoki terminal kabi ishlaydi: zich ma'lumotlar, aniq chiziqlar, bo'limlar orasidagi keng bo'shliq va rang faqat harakat talab qilinganda paydo bo'ladi.
Oq kanvasdagi markazlashtirilgan kontent ustuni uchun maksimal kenglik ~1320px. Qahramon chapga tekislangan, to'liq o'lchamdagi (56px) matn bloki bo'lib, unda ikkita harakatga chaqiriq bor, qahramon tasviri yo'q — tipografiya qahramondir. Bo'limlar vertikal ravishda teng 96px oluklar va 1px #e5edf5 ajratgichlar bilan joylashtirilgan; o'zgaruvchan to'q/yorug' chiziqlar yo'q. Har bir bo'lim takrorlanuvchi naqshga amal qiladi: barcha bosh harflar bilan kichik bo'lim sarlavhasi (tutunli rang, 12px), keyin 32-48px sarlavha, keyin 22px paragraf, keyin mahsulot kartalari panjarasi (ish stolida 3 ustun) yoki vizual san'at bilan 2 ustunli matn bloki. Mijoz logotiplari tor vertikal chiziqda, chapga tekislangan holda ko'rsatiladi. Pastki qism bitta keng #f8fafd chiziq bo'lib, havolalarning ko'p ustunli ro'yxatlari mavjud. Umumiy ritm sekin, o'lchovli va asosan matnli — uzun aylantirish uzunligiga qaramay, ma'lumot zichligi past.
Tasvirlar cheklangan va hujjatli uslubda. To'liq sahifadagi fotosuratlar faqat amaliy tadqiqotlar (masalan, Hertz uchun havo transporti fotosuratlari) bilan bo'limlarda, yuqoridan yoki dramatik burchak ostida, tabiiy ranglardan foydalangan holda ko'rsatiladi — duoton yoki ranglarni qayta ishlashsiz. Mahsulotning foydalanuvchi interfeysining skrinshotlari xususiyat kartalari ichida ishlatiladi, o'tkir burchaklar va aniq chegaralar bilan, qurilma ramkalarisiz ko'rsatiladi. Hamkor logotiplari o'z ranglarida, hech qanday konteynerlarsiz ko'rsatiladi. Illyustratsiyalar, 3D renderlar yoki dekorativ mavhum grafik elementlar yo'q. Piktogrammalar bir xil: oq fonda 1-chiziq qalinligi, 2-chiziq qalinligi, geometrik chiziqli san'at (chevronlar, strelkalar, katakchalar, hujjat belgilari) bilan. Sahifa asosan matn va oq joydan iborat; tasvirlar umumiy vizual maydonning 3% dan kamrog'ini egallaydi.
Palitra
Brend
- Indigo Ink
#533afd— Binafsha rang to'ldirilgan tugmalar, tanlangan navigatsiya holatlari va fokusga asoslangan konversiya momentlari uchun ishlatiladi. - Indigo Hover
#7389ff— Binafsha rang havolalar, teglar va qisqa iboralarni ta'kidlash uchun ishlatiladi. U harakatga chaqiruvlar uchun asosiy rang sifatida ishlatilmasligi kerak.
Neytral
- Midnight Ink
#061b31— Asosiy sarlavha va asosiy matn chuqur, deyarli qora rangda va sovuq ko'k rangda bo'lib, bu butun shrift tizimi uchun asos bo'lib xizmat qiladi. - Slate
#64748d— Kulrang matn havolalar, teglar va qisqa iboralarni ta'kidlaydi. - Steel
#50617a— Qo'shimcha matn va yordamchi materiallar sublitsenziyalarda ishlatiladigan shifer va xira binafsha ranglar orasiga joylashtirilgan. - Smoke
#839bc8— Katta dekorativ sarlavhalar va unga qo'shilgan matn uchun xira binafsha rang ishlatiladi - hech qachon asosiy paragraflarda ishlatilmaydi. - Pure White
#ffffff— Kartalarning sahifa tuvali va ko'tarilgan yuzalari; qolgan hamma narsa o'lchanadigan standart fon. - Mist
#f8fafd— Pastki fon va bo'lim ajratuvchisi ko'rinadigan chegarasiz joylarni ajratib turadigan nozik sovuq soyadir.
Tipografiya
12 dan 56 pikselgacha · 9 qadam
- sohne-var — almashtirish: Inter Tight (variable · konturlar 300, 400 · Butun interfeysda ishlatiladigan yagona shrift sarlavhalar, asosiy matn, navigatsiya, tugmalar va yorliqlar uchun. 300 og'irligi hatto 56 pikselli ekran o'lchamida ham ustunlik qiladi, bu o'ziga xos xususiyat: sarlavhalar baqirish o'rniga pichirlaydi, ovoz balandligi emas, balki cheklash orqali obro'ni o'rnatadi. 400 og'irligi navigatsiya va tugma matni uchun faqat 14–16 pikselda ko'rinadi, bu yerda kichikroq o'lchamlarda o'qish qulayligi uchun qo'shimcha chiziq talab qilinadi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | keng |
| Asosiy qadam | 8px |
| Tugma radiusi | 4px |
| Karta radiusi | 4px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 96px |
| Sahifa kengligi | 1320px |
Sun'iy intellekt veb-saytingizni Stripe uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Ui — mat qog'ozdagi klinik reja
- monopo saigon — Tahririyat sukunati ortidagi suyuq, kamalaksimon nur — erigan yorug'likda suzib yuruvchi monoxrom tahririyat galereyasi
- Ventriloc — Issiq qog'ozdagi ma'lumotlarning tahririyat rasadxonasi - monoxrom aniqlikni ta'kidlaydigan bitta to'q sariq rangli cho'g'
- Hyer Aviation — Pergament ustida kabinada shom qorong'i. Och rangli tong osmoni fyuzelyaj o'lchamidagi serif logotipi bilan uchrashadi va bitta iliq loy aksenti monoxrom chegarani buzadi.
- Family — Krem pergamentga yozilgan ertakdan parcha
- OFF+BRAND. — Issiq pergamentdagi kamalaksimon shar
- Geniestudio — Yumshoq kunduzgi daftar — keng hoshiyali va bitta qalin ruchkali daftar turi
- xAI — Qora tabletkali iliq krem laboratoriyasi
- Seed — laboratoriya oynasi ostidagi tirik organizm
- Cosmos — Zig'ir mato bilan qoplangan va Polaroidlar bilan osilgan galereya devori
- Cal — Monoxrom amaliylik, insoniy yondashuv. Qat'iy qora-oq palitra orqali aniqlik va funksionallikka ustuvor ahamiyat beradigan, ammo uni do'stona tipografiya va yumaloq shakllar bilan yumshatadigan tizim.
- T1 Energy — Issiq pergamentga ishlab chiqarish korxonasining chizmasi - bu sokin, monoxrom manzara bo'lib, unda sanoat ko'lami va nozik tipografiya butun brendni o'zida mujassam etgan.