Medium
алтын сааттагы каймак түстүү ак гезит
Медиум вебге көчүрүлгөн адабий окуу залы сыяктуу иштейт: жылуу, каймак түстүү фон (#f7f4ed) SaaSтин стерилденген ак түсүн алмаштырып, узун тексттерди басылган барактай сездирет. Визуалдык система агрессивдүү түрдө монохромдуу — дээрлик бардык UI беттери, текст жана чек аралар #242424төн #6b6b6bга чейинки жылуу боз түстөрдүн тар тилкесинде жайгашкан — ошондуктан окурмандын көңүлү толугу менен мазмунга бурулат. Жалгыз кол тамга жаңсоосу — бул serif аталышы (GT Super, 120px, салмагы 400, тамгалардын аралыгы -0.055em), атайылап трендге каршы тандоо: көрсөтүү үчүн масштабдалган өткөөл китеп serif шрифти, калың геометриялык sans-serif эмес, дээрлик байкалбайт, "Биз китептерди чыгарабыз, программалык камсыздоону эмес" деген сигнал берет. Баскычтар дээрлик кара түстөгү толук "таблеткалар" — барактагы жалгыз катуу сыя.
Башкы бетте эки тилке бар: сол жагы барактын аянтынын ~55% ээлейт, аталышы, кошумча тексти жана чакырыктары тигинен жайгаштырылган жана ички аралыктары кенен; оң жагы барактын аянтынын ~45% ээлейт, иллюстрация панели менен. Сол жактагы тилке солго тегизделген (борбордо эмес), баракты окуу огуна бекитет. Башкы беттин астында барак бир, толук туурасы бар, каймак түстүү тилкеден турат, анын төмөнкү колонтитулунда борборлоштурулган шилтемелер бар. Башкы бетте карта торчолору, функциялар бөлүмдөрү же кезектешип турган тилкелер жок — башкы бет БУЛ БАРАКА. Мазмундун тыгыздыгы атайылап төмөн: бир аталышы, бир сүйлөмү, бир баскычы, бир сүрөт. Барак - бул мукаба, башкаруу панели эмес.
Иллюстрациялар редакциялык жана эпизоддук мүнөздө, системалуу эмес. Негизги бетте кол менен тартылган бир иллюстрация (жашыл гүл, геометриялык жебе, топ жылдыз сызыктары) эркин, бир аз наивдүү стилде көрсөтүлгөн. Иллюстрациялар туруктуу китепканадан эмес, мезгилге жараша өзгөрүп турган буйрутма чыгармаларга окшош. Негизги бетте сүрөттөр жок. Негизги бетте сүрөтчөлөр жок — бардык жумуш тексттин логотиби жана текст тарабынан аткарылат. Визуалдык тил негизинен текстке багытталган, иллюстрациялар тыныш белгилери катары кызмат кылат.
Түстөр палитрасы
Нейтралдуу
- Newsprint Cream
#f7f4ed— Барактын холстунун, негизги терезенин фонунун жана бөлүмдүн фонунун жылуу, бир аз каймак түсү санариптик эмес, басылган интерфейстин сезимин жаратат. - Paper White
#ffffff— Карта беттери, көтөрүлгөн панелдер, форма киргизүү талаалары жана каймак түстүү полотнодон бөлүнүшү керек болгон ар кандай беттер. - Ink
#242424— Негизги текст, негизги текст, шилтемелер, аталыштар - таза кара түскө караганда бир аз жылуураак, каймак түстөгү фондо жакшы көрүнөт. - Body Gray
#333333— Экинчи тексттин түсү жана демейки алдыңкы түс контрастты жоготпостон сыя түсүнөн бир аз ачыгыраак түс талап кылынган жерлерде колдонулат. - Button Black
#191919— Нейтралдуу түс кошумча интерфейс элементтери, бөлгүчтөр жана үнсүз энбелгилер үчүн колдоого алынат. Ал аракетке чакыруулар үчүн негизги түс катары колдонулбашы керек. - Marginalia Gray
#6b6b6b— Кошумча интерфейс, бөлгүчтөр жана үнсүз энбелгилер үчүн нейтралдуу түс колдоосу.
Типография
13төн 120 пикселге чейин · 5 кадам
- medium-content-sans-serif-font — алмаштыруу: Inter · контурлар 400 · орто мазмундуу-serifсиз шрифт - алынган маалыматтарда кездешет, бирок жасалма интеллект тарабынан сүрөттөлбөйт.
- GT Super — алмаштыруу: Playfair Display · контурлар 400 · Аталыштары жана негизги тексти өтө тар аралыктагы жана 0,83 сап аралыктагы өткөөл китеп сериф шрифти. 120 пиксель өлчөмүндөгү 400 калыңдыктагы шрифтти (калың эмес) тандоо өзгөчөлүк болуп саналат: калыңдыгы эмес, тамга формалары иштейт. Терс тамга аралыктары оптикалык боштуктарды тарытып, "Адам окуялары жана идеялары" бир бүтүн типографиялык блоктой сезилет.
- Söhne — алмаштыруу: Inter · контурлар 400 · UI sans-serif шрифти навигация, баскычтар, кошумча аталыштар жана кичинекей аталыштар үчүн колдонулат. 13–14 пиксель диапазону навигациялык энбелгилер жана баскычтар үчүн; 20–22 пиксель аталыштагы кошумча аталыштар жана кошумча текст үчүн. Гуманисттик пропорциялары бар таза sans-serif шрифти кичинекей өлчөмдөрдө окулат, ал эми чоң өлчөмдөрдө байкалбайт.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | орточо |
| Негизги кадам | 16-24px |
| Баскычтын радиусу | 9999px |
| Картанын радиусу | 0px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 64px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Medium стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Steep — Жылуу кагаздагы Serif шрифттерин талдоо
- Newformcap — Кийим алмаштыруучу бөлмөдөгү редакциялык гезит
- Claude — Жылуу пергаментке басылган артефакт — сөөк кагазга сыя, түстүн жалгыз деми чопо.
- 11x– Digital workers — Кинематографиялык редакциялык ээн жер — люкс журналдарда жарыялангандай окулган монументалдуу серифтик аталыштардын фонунда жайгашкан пейзаждын панорамалык сүрөттөрү
- Revolut — Булуттардын сүрөтүнө негизделген монохромдуу редакциялык эмгек — ак сыя, таблетка кутучасынын баскычтары, башкача айтканда, боз түстөгү дүйнөдөгү бир көк түстүү тилке.
- Scheduling — Каймак кагазга басылган редакциялык сыя
- Titan — жылуу түстөгү монохром архив
- Programa — Түшкү чендеги швейцариялык дизайн студиясы. Ак галереянын дубалы бир сары стол чырагы менен жарыктандырылган — баары боз түстө, баскыч, сөлөкөт же акцент көзгө урунганга чейин, андан кийин ошол бир сары акцент бүт бөлмөнү аныктайт.
- Sana Agents — Башкы макаладагы ак фондо лайм жаркыроосу
- Visual — Жылуу редакциялык самиздат. Крем түстүү кагаз, сериф плакаттары, монохромдуу маргиналдары, бир сары маркер.
- Midday — Пергаментке басылган редакциялык брошюра - жылуу таш фондо 72 пиксель өлчөмүндөгү serif аталышы, аралыктары бар sans-serif тексти, таблетка сымал башкаруу элементтери, көлөкөсүз
- Chat for impact — Пастел түстөгү бөлмөлөрү бар токой жашыл клиникасы