Medium
алтын сағаттағы кілегейлі ақ газет
Орташа вебке көшірілген әдеби оқу залы сияқты жұмыс істейді: жылы, кремді фон (#f7f4ed) SaaS-қа тән стерильді ақ түстің орнын басады, ұзын мәтіндерді басылған бет сияқты сезіндіреді. Көрнекі жүйе агрессивті түрде монохромды - барлық дерлік интерфейс беттері, мәтін және жиектер #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 — Пастель түсті бөлмелері бар орман жасыл клиникасы