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— Ранги бетараф барои унсурҳои дуюмдараҷаи UI, тақсимкунандагон ва тамғакоғазҳои хомӯшшуда дастгирӣ карда мешавад. Он набояд ҳамчун ранги асосӣ барои даъватҳо ба амал истифода шавад. - Marginalia Gray
#6b6b6b— Дастгирии ранги бетараф барои UI-и дуюмдараҷа, тақсимкунандагон ва тамғакоғазҳои хомӯшшуда.
Типография
аз 13 то 120 пиксел · 5 қадам
- medium-content-sans-serif-font — ивазкунӣ: Inter · контурҳо 400 · шрифти дорои мундариҷаи миёна бе-сериф - дар маълумоти истихроҷшуда ёфт мешавад, аммо аз ҷониби зеҳни сунъӣ тавсиф нашудааст.
- GT Super — ивазкунӣ: Playfair Display · контурҳо 400 · Сарлавҳаҳо ва матни асосӣ шрифти китоби серифи гузаришӣ бо миқёси хеле баланд бо фосилаи маҳдуди ҳарфҳо ва фосилаи 0.83 сатр мебошанд. Интихоби вазни 400 (на ғафс) дар андозаи 120 пиксел як хусусияти хос аст: шаклҳои ҳарфҳо, на вазн, корро анҷом медиҳанд. Фосилаи ҳарфҳои манфӣ фосилаҳои оптикиро танг мекунад ва "Ҳикояҳо ва ғояҳои инсонӣ"-ро ба як блоки типографии муттаҳид табдил медиҳад.
- Söhne — ивазкунӣ: Inter · контурҳо 400 · Шрифти sans-serif-и UI барои паймоиш, тугмаҳо, зерсарлавҳаҳо ва унвонҳои хурд истифода мешавад. Диапазони 13-14 пиксел барои тамғакоғазҳо ва тугмаҳои паймоишӣ; 20-22 пиксел барои зерсарлавҳаҳо ва матни дуюмдараҷа дар дохили унвон аст. Шрифти sans-serif-и тоза бо таносубҳои инсонӣ дар андозаҳои хурд хондашаванда ва дар андозаҳои калонтар ноаён аст.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 16-24px |
| Радиуси тугма | 9999px |
| Радиуси корт | 0px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 64px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Medium месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Steep — Таҳлили шрифтҳои Serif дар коғази гарм
- Newformcap — Рӯзномаи таҳририя дар утоқи либоспӯшӣ
- Claude — Артифакте, ки дар пергаменти гарм чоп шудааст — ранг дар коғази устухонӣ, гил ҳамчун ягона нафаси ранг
- 11x– Digital workers — Биёбони синамоии таҳрирӣ — аксҳои панорамии манзара дар муқобили сарлавҳаҳои бузурги сериф, ки мисли маҷаллаи боҳашамат навишта шудаанд.
- Revolut — Асари таҳририи якранг, ки бар асоси акси абрҳо сохта шудааст - ранги сафед, тугмаҳои қуттии дору, як рахи кабуди ранга дар ҷаҳони хокистарранг.
- Scheduling — Ранги таҳрирӣ дар коғази қаймоқӣ
- Titan — бойгонии монохромии гарм
- Programa — Студияи тарроҳии Швейтсария нисфирӯзӣ. Девори галереяи сафедро як чароғи мизи зард равшан мекунад - ҳама чиз то он даме, ки тугма, нишона ё лаҳҷа чашмро ба худ ҷалб кунад, ранги хокистарӣ дорад ва сипас он лаҳҷаи зард тамоми ҳуҷраро муайян мекунад.
- Sana Agents — Дурахши оҳак дар заминаи сафед дар мақолаи таҳрирӣ
- Visual — Самиздат бо матни гарми таҳрирӣ. Коғази қаймоқранг, плакатҳои серифӣ, маргиналҳои якранг, як маркери зард.
- Midday — Брошураи таҳрирӣ дар бораи пергамент - сарлавҳаи serif бо андозаи 72 пиксел дар заминаи санги гарм, нусхаи асосии sans-serif бо фосила, идоракунии шакли ҳаб, бе сояҳо
- Chat for impact — Клиникаи сабзи ҷангал бо утоқҳои ранги пастелӣ