Steep
İsti Kağızda Serif Şriftlərinin Təhlili
Steep analitikanı redaksiya məzmunu kimi təqdim edir — işarələyici serif başlıqları demək olar ki, monoxrom ağ kətan üzərində üzür və tək bir isti şaftalı vurğusu (#fbe1d1) əks halda axromatik sistemi vurğulayır. Səhifə məhsul jurnalının yayılması kimi oxunur: böyük, kursiv şrift, geniş mətn sahəsi, yumşaq 24px radiuslu kənarları olan böyük kartlar və səthlə eyni səviyyədə olan həb formalı idarəetmə düymələri. Komponentlər sakit və çəkisiz hiss olunur — kölgələr incə, haşiyələr nazikdir və rəng funksional vurğu üçün istifadə olunur (şaftalı çağırışı, şaftalı fonunda tünd qəhvəyi hərflər). Məhsul səthləri (region cədvəlləri, aktivləşdirmə diaqramları, süni intellekt qurucuları) idarəetmə panelinin qabığında deyil, başlıq ətrafında üzən elementlər kimi təqdim olunur.
Səhifə düzülüşünün maksimum eni 1200 pikseldir, mərkəzdə, əsas bölmələr demək olar ki, bütün səhifə enini tutur, lakin konteynerin içərisində qalır. Əsas düzülüşdə böyük serif şriftli mərkəzləşdirilmiş başlıq, alt başlıq və bir cüt həb düyməsi var və müxtəlif ofsetlərdə ağ kətan üzərində üst-üstə düşən dörd üzən məhsul təsviri kartı (region masasının yuxarı solunda, qeydiyyat kartı sağda, aktivləşdirmə diaqramı aşağı solda, süni intellekt redaktoru aşağı mərkəzdə) ilə əhatə olunmuşdur. Bölmələr Paper White və Card Mist fonları arasında növbələşir və güclü kontrast olmadan sakit bir ritm yaradır. Xüsusiyyət bölmələri böyük 80 piksel şaquli novları olan mətn və UI-nin iki sütunlu düzülüşündən istifadə edir. Naviqasiya, solda loqotip, mərkəzdə naviqasiya bağlantıları və sağda iki hərəkət çağırışı (mətn bağlantısı + doldurulmuş həb düyməsi) olan tək şəffaf üst zolaqdır (fon, haşiyə və ya kölgə yoxdur). Ümumi düzülüş sıxlığı genişdir - səhifə bölmələr arasında "nəfəs alır" və məzmun heç vaxt kənarları doldurmur.
Vizual dizayn həyat tərzinə deyil, məhsula yönəlib: üzən UI elementləri (beş sətirli məlumatları olan regional cədvəllər, avqust-noyabr aylarında aktivləşdirmələri göstərən xətt qrafikləri, radial irəliləyiş halqaları, süni intellekt giriş sahələri) redaksiya başlıqlarının ətrafında kəsilmiş ekran görüntüləri kimi düzülmüşdür. Fotoşəkillər, illüstrasiyalar və ya mücərrəd qrafika yoxdur. Bütün vizual məhsul elementləri nazik haşiyələri və yumşaq kölgələri olan ağ üzən kartlarda yerləşdirilib. Avatar dairələrində real vaxt qarşılıqlı əlaqəsini göstərən vizual motiv olan kiçik kursor istiqamət göstəricisi var. Əsas kompozisiya stok fotoşəkili olan mərkəzləşdirilmiş başlıq əvəzinə mətn və UI kollajıdır.
Palitra
Neytral
- Ink Black
#17191c— Əsas mətn, doldurulmuş düymə fonu və naviqasiya loqotipi sistemdəki yeganə qaranlıq səthlərdir; əsas mətndəki bütün hərəkətə çağırışlar və başlıqlar bu qara fonda görünür. - Paper White
#ffffff— Səhifə kətanları, düymə mətni və kabartma karton səthləri təxminən 76 tezlik nöqtəsi daşıyaraq dominant fon tonudur. - Mist Gray
#f2f2f3— Kart səthləri, əlavə fonlar, giriş sahəsi doldurmaları — daxil edilmiş məzmun üçün kağızın altında görünməz bir təbəqə. - Fog White
#fafafb— Saxlanarkən bölmələri və səthləri növbələşdirmək üçün əlavə səhifə fonu - incə zolaq variasiyaları yaratmaq üçün kağızdan bir addım yuxarıda. - Slate Gray
#777b86— Link rəngi, səssizləşdirilmiş köməkçi mətn, altbilgi mətni - Əsas mətn ilə daxil edilə bilməyən mətn arasında yerləşdirilmiş sərin, doymamış boz rəng. - Ash Gray
#979799— Əlavə etiketlər, kateqoriya etiketləri (Marketinq, Maliyyə, Satış) - keçid rəngindən bir addım daha açıq.
Tipoqrafiya
15-dən 90 pikselə qədər · 8 addım
- Signifier — əvəzetmə: GT Sectra · konturlar 400 · Başlıqlar və başlıqlar üçün serif şrift — yalnız H1/H2 üçün üç ölçüdə istifadə olunur; şriftin çəkisi bütün miqyaslarda 400 (adi) olaraq qalır, bu da imza seçimidir: serif şrift qalın şrift kimi qışqırmaq əvəzinə pıçıldayır.
- Sohne — əvəzetmə: Inter · konturlar 400, 430, 450, 480, 500 · Əsas, interfeys və naviqasiya şriftləri çox yönlüdür və metaməlumatlardan alt başlıqlara qədər hər şeyi əhatə edir; yarımpilləli çəkilər (430, 450, 480) qalın şriftə keçmədən incə bir iyerarxiya yaradır.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 8px |
| Düymə radiusu | 9999px |
| Kart radiusu | 24px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Steep ü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
- Newformcap — Soyunma otağında redaksiya qəzeti
- Claude — İsti perqamentə çap olunmuş bir əsər - sümük kağızına mürəkkəb, rəngin yeganə nəfəsi gildir
- 11x– Digital workers — Kinematoqrafik redaksiya çölü — lüks jurnalın yaydığı kimi oxunan monumental serif başlıqlarına qarşı mənzərənin panoramik fotoşəkilləri
- Revolut — Buludların — ağ mürəkkəb, həb qutusu düymələri, boz rəngli bir dünyada tək mavi zolağın — fotoşəkilinə əsaslanan monoxrom redaksiya əsəri.
- Scheduling — Krem kağız üzərində redaksiya mürəkkəbi
- Titan — isti tonlu monoxrom arxiv
- Programa — Günorta saatlarında İsveçrə dizayn studiyası. Ağ qalereya divarı tək sarı masa lampası ilə işıqlandırılıb - hər şey boz çalarlardadır, ta ki bir düymə, işarə və ya vurğu diqqəti cəlb edənə qədər və sonra həmin tək sarı vurğu bütün otağı müəyyən edir.
- Sana Agents — Redaksiyada ağ fonda əhəng parıltısı
- Visual — İsti redaksiya samizdatı. Kremli kağız, serif plakatlar, monoxrom marjinaliya, bir sarı marker.
- Midday — Perqament üzərində redaksiya broşürü - isti daş fonunda 72 piksel serif başlıq, aralıqlarla sans-serif əsas mətn, həb formalı idarəetmə elementləri, kölgəsiz
- Chat for impact — Pastel rəngli otaqları olan meşə yaşıl klinikası
- Handhold — Çətinliklə eşidilən serif şriftlərin altındakı isti perqament — xromatik səs-küy olmadan əl ilə hazırlanmış redaksiya yazısı, ən yaxşı 200 nöqtəli serif şriftinin bütün səsi çatdırdığı yer.