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— Икенчел UI элементлары, бүлгечләр һәм тавышсыз ярлыклар өчен нейтраль төс кулланыла. Аны гамәл чакырулары өчен төп төс итеп кулланырга ярамый. - 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 — Пастель төсендәге бүлмәләре булган урман-яшел клиника