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