Stripe
Buzlu şüşə üzərində indigo mürəkkəbi ilə yazılmış mühasibat kitabı
Stripe maliyyə alətləri üçün demək olar ki, monoxrom dildən istifadə edir: tünd mavi başlıqları olan yumşaq, sərin ağ kətan, demək olar ki, dekorativ xrom elementləri olmayan və düymə, keçid və ya ikon konturu kimi qanuni olaraq istifadə edilə bilən tək parlaq indigo (#533afd). Tipoqrafiya olduqca nazikdir, 300 ballıq çəkiyə malikdir - hətta 56 pikseldə belə - bu, açıq-aşkar korporativ deyil, inamla sadələşdirilmiş hiss olunur; hərf aralığı ölçü artdıqca kəskin şəkildə azalır. Düymələr kiçik, kvadratdır (4 piksel) və bənövşəyi dolduruculardan və ya ən nazik bənövşəyi konturlardan istifadə edir. Sistem kölgələrdən tamamilə qaçınır; dərinlik yüksəliş yolu ilə deyil, fon rənglərinin dəyişdirilməsi (ağ → #f8fafd → #e5edf5 → bənövşəyi çalarlar) vasitəsilə əldə edilir. Bütün interfeys mühasibat uçotu kitabı və ya terminal kimi davranır: sıx məlumat, aydın xətlər, bölmələr arasında geniş boşluq və rəng yalnız bir hərəkət tələb olunduqda görünür.
Ağ kətan üzərində mərkəzləşdirilmiş məzmun sütunu üçün maksimum eni ~1320 pikseldir. Qəhrəman, aşağıda iki çağırış olan tam ölçüdə (56 piksel) sola düzülmüş mətn blokudur, qəhrəman şəkli yoxdur — tipoqrafiya qəhrəmandır. Bölmələr bərabər 96 piksellik novlar və 1 piksel #e5edf5 bölücüləri ilə şaquli şəkildə düzülmüşdür; növbələşən tünd/açıq zolaqlar yoxdur. Hər bölmə təkrarlanan bir nümunəyə uyğundur: bütün böyük hərflərlə kiçik bir bölmə başlığı (tüstülü rəng, 12 piksel), sonra 32-48 piksellik başlıq, sonra 22 piksellik abzas, sonra məhsul kartları şəbəkəsi (masaüstündə 3 sütun) və ya vizual sənətlə 2 sütunlu mətn bloku. Müştəri loqotipləri sola düzülmüş dar şaquli zolaqda görünür. Altbilgi, çox sütunlu keçid siyahıları olan bir geniş #f8fafd zolağıdır. Ümumi ritm yavaş, ölçülü və əsasən mətnlidir — uzun sürüşmə uzunluğuna baxmayaraq, məlumat sıxlığı aşağıdır.
Təsvirlər təmkinli və sənədli üslubdadır. Tam səhifəli fotoşəkillər yalnız yuxarıdan və ya dramatik bucaq altında çəkilmiş, təbii rənglərdən istifadə edərək, nümunə tədqiqatlarını (məsələn, Hertz üçün hava trafik fotoqrafiyası) özündə əks etdirən bölmələrdə görünür — duoton və ya rəng emalı yoxdur. Məhsulun istifadəçi interfeysinin ekran görüntüləri xüsusiyyət kartlarında istifadə olunur, kəskin bucaqlar və aydın haşiyələrlə, cihaz çərçivələri olmadan göstərilir. Tərəfdaş loqotipləri öz rənglərində, heç bir konteyner olmadan göstərilir. İllüstrasiyalar, 3D görüntülər və ya dekorativ abstrakt qrafik elementlər yoxdur. İkonlar vahiddir: ağ fonda sətir qalınlığı 1, sətir qalınlığı 2, həndəsi xətt rəsmləri (şevronlar, oxlar, işarələr, sənəd simvolları). Səhifə əsasən mətn və ağ boşluqdan ibarətdir; şəkillər ümumi vizual sahənin 3%-dən azını tutur.
Palitra
Brend
- Indigo Ink
#533afd— Bənövşəyi rəng doldurulmuş düymələr, seçilmiş naviqasiya vəziyyətləri və fokusla idarə olunan dönüşüm anları üçün istifadə olunur. - Indigo Hover
#7389ff— Bənövşəyi rəng linkləri, etiketləri və qısa ifadələri vurğulamaq üçün istifadə olunur. Fəaliyyətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Midnight Ink
#061b31— Əsas başlıq və əsas mətn, bütün şrift sisteminin əsasını təşkil edən soyuq mavi çalarla birlikdə tünd, demək olar ki, qara rəngdədir. - Slate
#64748d— Boz mətn linkləri, etiketləri və qısa ifadələri vurğulayır. - Steel
#50617a— Əlavə mətn və dəstəkləyici materiallar alt lisenziyalarda istifadə edilən şifer və solğun bənövşəyi tonlar arasında yerləşdirilib. - Smoke
#839bc8— Böyük dekorativ başlıqlar və müşayiət olunan mətn üçün solğun bənövşəyi rəng istifadə olunur - əsas abzaslarda heç vaxt istifadə edilmir. - Pure White
#ffffff— Kartların səhifə kətanları və qaldırılmış səthləri; hər şeyin ölçüldüyü standart fon. - Mist
#f8fafd— Altbilgi fonu və bölmə bölücü, görünən bir sərhədi olmayan sahələri ayıran incə bir soyuq bir kölgədir.
Tipoqrafiya
12-dən 56 pikselə qədər · 9 addım
- sohne-var — əvəzetmə: Inter Tight (variable · konturlar 300, 400 · Bütün interfeysdə istifadə edilən yeganə şrift başlıqlar, əsas mətn, naviqasiya, düymələr və etiketlər üçündür. 300 çəkisi hətta 56 piksel ekran ölçüsündə də üstünlük təşkil edir ki, bu da fərqli bir xüsusiyyətdir: başlıqlar qışqırmaq əvəzinə pıçıldayır, səs səviyyəsindən daha çox təmkinlə səlahiyyət yaradır. 400 çəkisi yalnız 14-16 pikseldə naviqasiya və düymə mətni üçün görünür, burada kiçik ölçülərdə oxunaqlılıq üçün əlavə bir xətt tələb olunur.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 8px |
| Düymə radiusu | 4px |
| Kart radiusu | 4px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96px |
| Səhifə eni | 1320px |
Süni intellekt veb saytınızı Stripe üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Ui — mat kağız üzərində klinik plan
- monopo saigon — Redaksiya sükutunun arxasındakı maye, göy qurşağı parıltısı — ərimiş işıqda üzən monoxrom redaksiya qalereyası
- Ventriloc — İsti kağız üzərində məlumatların redaksiya müşahidə mərkəzi - monoxrom dəqiqliyi vurğulayan tək narıncı köz
- Hyer Aviation — Perqament üzərində kabinədə qaranlıq çökür. Solğun şəfəq səması gövdə ölçülü serif loqotipi ilə qarşılaşır və tək bir isti gil vurğu monoxrom təmkinini pozur.
- Family — Krem perqament üzərində nağıldan bir parça
- OFF+BRAND. — İsti perqament üzərində göy qurşağı kürə
- Geniestudio — Yumşaq gün işığı dəftəri — geniş kənarları və bir qalın qələm cizgiləri olan növ
- xAI — Qara həbli isti krem laboratoriyası
- Seed — laboratoriya şüşəsi altında canlı orqanizm
- Cosmos — Kətanla üzlənmiş və Polaroidlərlə asılmış qalereya divarı
- Cal — Monoxrom praktiklik, insani yanaşma. Sərt qara-ağ palitrası vasitəsilə aydınlığa və funksionallığa üstünlük verən, lakin onu dostcasına tipoqrafiya və yuvarlaq formalarla yumşaldan bir sistem.
- T1 Energy — İsti perqament üzərində istehsal müəssisəsinin rəsmi, sənaye miqyasının və incə tipoqrafiyanın bütün brendi təcəssüm etdirdiyi sakit, monoxrom bir mənzərədir.