Superhuman
qızıl saat redaksiya paneli
Superhuman, redaksiya fotoqrafiyası və proqram təminatı UI-nin kəsişməsində yerləşir — isti, perqamentə bənzər bir kətan (heç vaxt saf ağ deyil) tünd qırmızı brend elementlərini və canlı bənövşəyi vurğuları çərçivəyə alır. 460 şriftdə yerləşdirilmiş başlıqlar qışqırmaq əvəzinə pıçıldayır və tam səhifəlik kinematoqrafik fotoqrafiyanın ağır işi görməsinə imkan verir, şəffaf məhsul UI kartları isə görüntülərin üzərində şüşə kimi üzür. Palitra əksər vaxt sakit və redaksiya xarakteri daşıyır: krem səthlər, kömür mətni, incə isti-boz haşiyələr və elementlər arasında geniş boşluq, rəng isə qəsdən brend durğu işarələri üçün ayrılıb — tək tünd qırmızı çağırış, bənövşəyi bağlantılar, açıq bənövşəyi əlavə düyməsi. Sistem UI səthlərində qəsdən güclü kölgələrdən və qradiyentlərdən qaçınır; Dərinlik, üst-üstə yığma effekti vasitəsilə deyil, laylı fotoqrafiya və başlıqdakı incə fon bulanıqlığı vasitəsilə əldə edilir.
Əsas element, mərkəzləşdirilmiş başlıq (48-64 piksel/460) və şərab təsviri ilə doldurulmuş tək bir çağırış olan tam enli fotoşəkildir, sol və sağ kənarlarında üzən şəffaf məhsul UI kartları örtülmüşdür. Əsas elementin altında ağ zolaqlı loqo zolağı (sətirdə 6 xana, maksimum eni məhduddur), sonra perqament kətan üzərində ağ karton səthləri olan sekme hissəsi var. Tünd firuzəyi zolaq səhifənin təxminən üçdə iki hissəsinin ritmini pozur - tam enli, iki sütun (şəkil solda, mətn sağda) - sürüşdürərkən yeganə tonal kontrast yaradır. Qradiyent atmosfer zolağı ardınca gəlir. Bölmələr arasındakı şaquli məsafə 64-96 pikseldir. Maksimum məzmun eni mərkəzdə ~1200 pikseldir, əsas element və tünd zolaq baxış portalının tam enini əhatə edir. Naviqasiya bulanıq fonlu tək sabit başlıqdır; yan panel yoxdur, meqa menyu yoxdur. Altbilgi, çox sütunlu keçid düzülüşü olan tam enli tünd qırmızı səhifədir. Ümumi ritm belədir: əsas kadr → sakit ağ/krem rəngli məzmun → əsas təsvirli tünd zolaq → atmosfer qradiyenti → tünd qırmızı altbilgi, redaksiya tempi yaratmaq üçün açıq və tünd zolaqları növbələşdirir.
Əsas vizual element kinematoqrafik fotoqrafiyadır: açıq səma fonunda tam enli portret, səhifənin aşağı hissəsində ikinci atmosfer zolağı ilə fokus nöqtəsi kimi xidmət edir. Şəkil isti tonlanmış, incə şəkildə səssizləşdirilmiş və profil şəklində çəkilmiş, qızıl saatı xatırladan, korporativdən daha çox redaksiya hissi yaradır. Şəffaf həndəsi düzbucaqlılar və əlyazma yazıları olan tünd zolaq, düşüncələrə dalmış bir insanın fotoşəklinin üzərinə qoyulmuşdur - tək bir şəkil əvəzinə səthlərin kollajı. İstifadəçi interfeysi ayrı-ayrı ekran görüntüləri kimi deyil, birbaşa fotoşəkilin üzərinə qoyulmuş üzən şüşə kartlar kimi təqdim olunur. Qradiyent atmosfer zolağı istisna olmaqla, heç bir stok illüstrasiya, 3D render və mücərrəd dekorativ formalar yoxdur. İkonlar minimalist monoxrom xətt nişanlarıdır, ~16-20 piksel enində, tək bir eni 460 nöqtəlik mətn çəkisinə uyğundur.
Palitra
Brend
- Midnight Wine
#421d24— Əsas hərəkət düymələri, banner reklamı və altbilgi, qırmızıdan daha çox mürəkkəbə bənzəyən isti, demək olar ki, qara tünd qırmızı rəngdədir və rəng palitrasını həddindən artıq gücləndirmədən möhkəmləndirir. - Royal Violet
#714cb6— 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
- Lilac Mist
#d4c7ff— İkinci dərəcəli səth doldurma, işıq ikonları və xəyal düymələri fonları, özünə həddindən artıq diqqət çəkmədən brendin stilinə işarə edən solğun bənövşəyi rəngə malikdir. - Deep Lagoon
#0c4243— Əsas süjet elementi kimi istifadə edilən zolaq üçün tünd fon, üst-üstə düşən həndəsi naxışla birlikdə sistemdəki yeganə tünd səthdir. - Warm Parchment
#f2f0eb— Səhifənin işçi səthi dominant elementdir; isti krem rəngi əsas kimi ağ rəngi əvəz edir və bütün sistemə redaksiya istiliyi verir. - Soft Mist
#e3e3e2— İncə haşiyələr, kart konturları, ayırıcı xətlər — perqamentlə qarışan, lakin kənarlarını aydın şəkildə müəyyən edən isti, açıq boz. - Ink Charcoal
#292827— Əsas mətn, başlıqlar, ikon konturları - isti, demək olar ki, qara rəngdə, kağız üzərində mürəkkəb kimi hiss olunacaq qədər qəhvəyi rəngdə, heç vaxt soyuq deyil #000 - Stone Gray
#666666— İkinci dərəcəli əsas mətn, köməkçi mətnlər, gizli təsvirlər - əsas mətnlə rəqabət aparmamaq üçün az istifadə edilən tək orta boz rəng.
Tipoqrafiya
12-dən 64 pikselə qədər · 8 addım
- Super Sans VF — əvəzetmə: Inter (closest open equivalent for variable weight range) · konturlar 460, 500, 540, 600, 700 · Bütün sistemdə tək bir şrift. Ox dəyişənləri 460-dan (bütün böyük başlıq mətnləri üçün imzalı, bir az kəsilmiş şrift) 540-a (vurğulanmış əsas mətn) və 700-ə (kiçik, qalın başlıqlar) qədər diapazonu əhatə edir. Xüsusi hazırlanmış VF, 460 ağırlıqlı başlıqların təsadüfi deyil, daha qəsdən görünməsini təmin edir - 48-64 piksel ölçüsündə, hərflər arasında sıx aralıq olduqda, "bir az kəsilmiş" effekti incə deyil, daha inamlı kimi qəbul edilir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8px |
| Düymə radiusu | 16px |
| Kart radiusu | 16px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64-96px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Superhuman ü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
- AI for Business — İsti boz tonlarda qəddar redaksiya salonu
- Jeton — İsti mərmər üzərində fintech haqqında redaksiya məqaləsi
- Airtable — Müxtəlif rənglərlə işarələnmiş fəsilləri olan rahat bir seminar
- Osmo — Boz Beton üzərində İnkişaf Muzeyi
- Linktr — Redaksiya posterləri konfet kimi üst-üstə düzülüb. Veb sayt rəngli bloklarda dizayn edilib, kobalt-mavi divarlara qarşı parlaq yaşıl başlıqlar və tünd qırmızı tarlaların üzərində üzən ağ həb formalı naviqasiya elementləri var.
- Outsource Consultants — Sümük kağız üzərində böyük formatlı memarlıq vərəqi. Monoqrafik estetika, burada tək bir parlaq indigo parçası isti, tipoqrafik baxımdan maksimalist şəbəkəni kəsir.
- Streamtime — Toxunma Yaradıcı Əhval-ruhiyyə Lövhəsi - Dizayner Scrapbooking Masası
- Switch-Lit — Kremli kağız üzərində mürəkkəblə çap olunmuş redaksiya şəbəkəsi
- HubSpot — Tək narıncı vurğu ilə isti krem rəngli kağız. HubSpot, ağır kağızda çap olunmuş dizayner jurnalına bənzəyir — serif başlıqlar, isti krem rəngli səhifələr və yalnız ən vacib məqamları vurğulayan tək alovlu narıncı vurğu.
- Granola — İsti perqament üzərində sahə qeydləri — Qranola günəş işığı altında masada açılmış köhnəlmiş Moleskine dəftəri kimi oxunur: serif başlıqlar möhkəmlik hissi verir, bitki mənşəli mürəkkəb kimi üzvi yaşıl vurğular və kartların kənarlarında əlyazma qeydlərinə bənzəyən incə xətlər.
- Secure — Avropa kafesindəki yumşaq gün işığında söhbət video zənglərin isti və şık bir versiyasıdır, burada serif başlıqları texnoloji məhsul səhifəsi deyil, düşüncəli bir jurnal məqaləsi kimi oxunur.
- Mockups made easy — Ağ kağız üzərində redaksiya dizayn studiyası