Medium
Qızıl saatda kremli ağ qəzet
Medium vebə köçürülmüş ədəbi oxu zalı kimi funksiya yerinə yetirir: isti, krem rəngli fon (#f7f4ed) SaaS-ın tipik steril ağ rəngini əvəz edir və uzun mətnləri çap olunmuş səhifə kimi hiss etdirir. Vizual sistem aqressiv şəkildə monoxromdur - demək olar ki, bütün UI səthləri, mətn və haşiyələr #242424 ilə #6b6b6b arasında dəyişən isti boz rənglərin dar bir zolağındadır - buna görə də oxucunun diqqəti tamamilə məzmuna yönəlib. Yeganə imza jesti serif başlığıdır (GT Super, 120px, çəki 400, hərf aralığı -0.055em), qəsdən trend əleyhinə seçimdir: ekran üçün miqyaslandırılmış, qalın həndəsi sans-serif əvəzinə çətinliklə nəzərə çarpan keçid kitab serif şrifti siqnal verir: "Biz proqram təminatı deyil, kitablar dərc edirik". Düymələr demək olar ki, qara rəngli dolu "həblərdir" - səhifədəki yeganə bərk mürəkkəb.
Ana səhifədə iki sütun var: sol tərəf səhifənin yerinin təxminən 55%-ni tutur, başlıq, alt mətn və hərəkətə çağırış şaquli olaraq geniş daxili boşluqla düzülmüşdür; sağ tərəf isə səhifənin yerinin təxminən 45%-ni tutur və illüstrasiya paneli ilə təchiz olunub. Sol sütun sola düzülmüşdür (mərkəzləşdirilməmiş) və səhifəni oxu oxuna bərkidir. Ana səhifənin altında səhifə altbilgidə mərkəzləşdirilmiş keçidləri olan tək, tam enli, krem rəngli zolaqdır. Ana səhifədə kart şəbəkələri, xüsusiyyət bölmələri və ya alternativ zolaqlar yoxdur - ana səhifə səhifədir. Məzmun sıxlığı qəsdən aşağıdır: bir başlıq, bir cümlə, bir düymə, bir şəkil. Səhifə idarəetmə paneli deyil, üz qabığıdır.
Təsvirlər sistemli deyil, redaksiya və epizodikdir. Əsas səhifədə əl ilə çəkilmiş tək bir illüstrasiya (yaşıl çiçək, həndəsi əl, bürc xətləri) sərbəst, bir az sadəlövh üslubda təqdim olunur. Təsvirlər daimi kitabxanadan deyil, mövsümi olaraq dəyişən sifarişli əsərlərə bənzəyir. Əsas səhifədə fotoşəkillər yoxdur. Əsas səhifədə heç bir nişan yoxdur - bütün işlər mətn loqosu və mətn tərəfindən görülür. Vizual dil əsasən mətn yönümlüdür və illüstrasiyalar durğu işarələri kimi xidmət edir.
Palitra
Neytral
- Newsprint Cream
#f7f4ed— Səhifə kətan, əsas pəncərə fonu və bölmə fonu rəqəmsal interfeysdən daha çox çap olunmuş interfeys hissi yaradan isti, bir az krem rəngli bir çalardır. - Paper White
#ffffff— Kart səthləri, qaldırılmış panellər, forma giriş sahələri və krem rəngli kətandan ayrılması lazım olan istənilən səthlər. - Ink
#242424— Əsas mətn, əsas mətn, keçidlər, başlıqlar - təmiz qara rəngdən bir qədər isti, krem fonda yaxşı görünür. - Body Gray
#333333— İkinci dərəcəli mətn rəngi və standart ön plan rəngi, kontrastı itirmədən mürəkkəb rəngindən bir qədər açıq rəng tələb olunduğu yerlərdə istifadə olunur. - Button Black
#191919— İkinci dərəcəli UI elementləri, bölücülər və səssiz etiketlər üçün neytral rəng dəstəklənir. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir. - Marginalia Gray
#6b6b6b— İkinci dərəcəli UI, bölücülər və səssiz etiketlər üçün neytral rəng dəstəyi.
Tipoqrafiya
13-dən 120 pikselə qədər · 5 addım
- medium-content-sans-serif-font — əvəzetmə: Inter · konturlar 400 · orta məzmunlu-serifsiz şrift - çıxarılan məlumatlarda tapılır, lakin süni intellekt tərəfindən təsvir edilmir.
- GT Super — əvəzetmə: Playfair Display · konturlar 400 · Başlıqlar və əsas mətn, hərflər arasında sıx məsafə və 0,83 sətir aralığı ilə həddindən artıq miqyasda keçid kitab serif şriftidir. 120 pikseldə 400 qalınlığında (qalın deyil) seçimi özünəməxsus xüsusiyyətdir: çəki deyil, hərf formaları işi görür. Mənfi hərf aralığı optik boşluqları daraldır və "İnsan Hekayələri və İdeyaları"nı vahid tipoqrafik blok kimi hiss etdirir.
- Söhne — əvəzetmə: Inter · konturlar 400 · UI sans-serif şrifti naviqasiya, düymələr, alt başlıqlar və kiçik başlıqlar üçün istifadə olunur. 13–14 piksel diapazonu naviqasiya etiketləri və düymələri üçün, 20–22 piksel isə alt başlıqlar və başlıq daxilindəki ikinci dərəcəli mətn üçündür. Humanist nisbətlərə malik təmiz sans-serif şrift kiçik ölçülərdə oxunaqlı, böyük ölçülərdə isə gözə çarpan deyil.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 16-24px |
| Düymə radiusu | 9999px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Medium ü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
- Steep — İsti Kağızda Serif Şriftlərinin Təhlili
- 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ı