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 до 120 пиксела · 5 корака
- medium-content-sans-serif-font — замена: Inter · обриси 400 · Фонт medium-content-sans-serif - пронађен у екстрахованим подацима, али га вештачка интелигенција није описала.
- GT Super — замена: Playfair Display · обриси 400 · Наслови и главни текст су фонтом прелазног формата са серифом у екстремној скали са малим размаком између слова и проредом између редова од 0,83. Избор дебљине слова 400 (не подебљано) на 120 пиксела је карактеристична карактеристика: облици слова, а не дебљина, обављају посао. Негативни размак између слова сужава оптичке празнине, чинећи да „Људске приче и идеје“ делују као кохезиван типографски блок.
- 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 — Уредничка брошура на пергаменту - наслов са серифним словима величине 72 пиксела на топлој каменој позадини, текст без серифних слова са размаком, контроле у облику пилуле, без сенки
- Chat for impact — Шумскозелена клиника са собама у пастелним бојама