Substack

сиёҳии норанҷӣ дар рӯи миз дар идораи таҳририя

Substack ба панели идоракунии хабарҳои фарсуда монанд аст — холсти сафед, матни гарм ва қариб сиёҳ ва як лаҳҷаи норанҷии дурахшон, ки ҳар як марҳилаи эҷоди мундариҷаро нишон медиҳад. Иерархияи визуалӣ ба ҷои ороиш, бар зичӣ асос ёфтааст: хатҳои борики хокистарӣ унсурҳои фидерро ҷудо мекунанд, аватарҳо хурд мебошанд, метамаълумот хомӯш карда шудааст ва чашми хонанда барои тамаркуз ба даъвати норанҷии амал, логотипи норанҷӣ, истиноди норанҷии "Обуна" ва тугмаи норанҷии "Эҷод" омӯзонида шудааст. Сатҳҳо ҳамвор ва бемаҳдуд нигоҳ дошта мешаванд — сояҳои корт, унсурҳои панели хромӣ — имкон медиҳанд, ки типография (унсури UI-и системаи хромии паймон, ки бо шрифти сарлавҳаи фармоишии serif ҷуфт карда шудааст) бори вазнини таҳририяро ба дӯш гирад. Услуби имзо унсурҳои хромии маҳдуд ва попҳои дурахшон ва якранг мебошанд: барномаи хониш, ки ба як воситаи нашр монанд аст.

Тарҳбандии мизи кории сесутунӣ: панели паҳлӯии чапи собит (~200 пиксел, паймоиш бо нишонаҳо ва тамғакоғазҳо, часпак), канали марказӣ (паҳнои максималӣ ~600 пиксел, рӯйхати амудии гардиши паёмҳо) ва панели паҳлӯии рости собит (~300 пиксел, ҷустуҷӯ + тавсияҳо + бақайдгирӣ). Канали марказӣ маркази таҳририя аст - кортҳо нест, танҳо паёмҳо дар болои якдигар бо тақсимкунандагони тунук ва фосилаҳои 32 пиксел байни бахшҳо ҷамъ карда шудаанд. Баннери асосӣ дар болои канал ҳамчун як корти пурраи пурра ҷойгир аст. Панели паҳлӯии чап логотипи бренд (аломати норанҷӣ бо хатҳои болопӯш), шаш банди паймоиш ва тугмаи норанҷии пурраи "Эҷод кардан"-ро дар поён дар бар мегирад. Панели паҳлӯии рост майдони ҷустуҷӯ, корти бақайдгирӣ ва рӯйхати "Баъдӣ"-ро барои хондан дар бар мегирад. Навигатсия ҳадди ақалл аст - сатри болоӣ нест, нонрезаҳо нест; панели паҳлӯӣ навигатсия аст. Зичии мундариҷа баланд аст: паёмҳо аз метамаълумоти 12-13 пиксел ва матни асосии 15-19 пиксел истифода мебаранд, ки ритми рӯзномамонандро ба ҷои эҳсоси шабакаи кортҳои бозор эҷод мекунанд.

Аксҳо мундариҷаи аз ҷониби корбар тавлидшуда мебошанд (аватарҳои муаллиф, ангораҳои пост, тасвирҳои пост) — Substack аксҳои ороишии худро пешниҳод намекунад. Корти асосӣ аз градиенти фирӯзӣ то сабз бо унсурҳои тасвирии абстрактӣ (шаклҳои геометрӣ, ашёҳои услубӣ ба монанди қалам ва қайдҳо) ҳамчун замина истифода мебарад. Ангораҳои пост дар панели паҳлӯии рост хурд (64 пиксел) буда, дар радиуси 8 пиксел ҷойгир шудаанд ва ҳамчун пешнамоиши рӯйхати хониш хизмат мекунанд. Забони умумии визуалӣ ба матн асос ёфтааст: интерфейс як матои хониш аст ва тасвирҳо ба ҷои эҷоди фазо ҳамчун лангарҳои хурди визуалӣ хизмат мекунанд.

Минимализм SaaS-и холис Таҳририя

https://substack.com

Палитра

Бренд

Signal Orange #ff6719 — Ранги норанҷӣ ҳамчун лаҳҷаи дуюмдараҷа барои тафсилоти ороишӣ ва таъкид кардани ишораҳои камёб истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад.

Бетараф

Ink #363737 — Матни асосӣ - матни асосӣ, сарлавҳаҳо, унвонҳои паёмҳо, мӯҳрҳои вақт ва номи муаллифон; ранги гарм ва қариб сиёҳ ба ҷои #000 холис барои хондани осонтар.
Paper #ffffff — Канваси саҳифа, сатҳҳои корт, майдонҳои вуруд ва заминаи навигатсия сатҳҳои бартаридошта мебошанд, ки аксарияти кулли интерфейсро ишғол мекунанд.
Charcoal #232525 — Барои матн ва истинодҳои иловагӣ бо сатҳҳои баланди интихоб, ҳолати курсорро дар ҳолати нигоҳ доред; нисбат ба ҳолати Ink барои блокҳои рамз ва блокҳои интихоб амиқтар аст.
Stone #777777 — Ранги бетараф барои унсурҳои дуюмдараҷаи UI, тақсимкунандагон ва тамғакоғазҳои хомӯшшуда дастгирӣ карда мешавад. Он набояд ҳамчун ранги асосӣ барои даъватҳо ба амал истифода шавад.
Ash #b6b6b6 — Хатҳои борики сарҳадӣ, контурҳои тугмаҳо, контурҳои нишонаҳо, сарҳадҳо дар идоракунии ғайрифаъол.
Mist #c8c8c8 — Хатҳои тақсимкунанда, заминаи беназорат барои нишонаҳо, пур кардани ҳуҷайраҳои холӣ дар шакли скелет.

Типография

аз 12 то 32 пиксел · 5 қадам

system-ui — ивазкунӣ: -apple-system · контурҳо 400, 500, 600 · Шрифти асосӣ барои интерфейси корбар ва матни асосӣ барои тамғакоғазҳои навигатсия, тугмаҳо, матни паём, метамаълумот, майдонҳои вуруд ва ҳамаи унсурҳои интерфейс истифода мешавад. Андозаҳои фишурдаи 12-13 пиксел барои метамаълумот ва 15-19 пиксел барои матни асосӣ эҳсоси як лентаи зичи хабариро эҷод мекунанд. Вазн барои матни асосӣ 400, барои унсурҳои навигатсия ва тамғакоғазҳои тугма 500 ва барои унвонҳои паёмҳои равшаншуда ва сарлавҳаҳои бахшҳо 600 аст.
Cahuenga — ивазкунӣ: Charter · контурҳо 500 · Шрифти ороишии имзоии сериф барои сарлавҳаҳои сатҳи маҳсулот (сарлавҳаҳои панели паҳлӯӣ, сарлавҳаҳои корти бақайдгирӣ, матни асосӣ). Вазни миёна ва баландии ночизи сатр ба он намуди зоҳирии фарқкунанда медиҳад, бе эҳсоси калон; ин ягона шрифтест, ки ба ғайр аз ранги норанҷӣ, шахсияти Substack-ро нишон медиҳад.
Spectral — ивазкунӣ: Charter · контурҳо 400 · Шрифти serif барои паёмҳои дароз — дар толорҳои хониш ва мундариҷаи хабарҳои нав барои беҳтар кардани хондани маводи таҳрирӣ истифода мешавад. Фосилаи каме тангтари сатрҳо (1.20) хондани бароҳати параграфҳоро таъмин мекунад ва дар айни замон фишурдагии хоси хабарҳои навро нигоҳ медорад.

Фосилаҳо ва шакл

Мақсад	Маънӣ
Зичӣ	зич
Қадами асосӣ	8px
Радиуси тугма	9999px
Радиуси корт	12px
Сояҳо	бе марзҳо ба ҷои сояҳо
Байни бахшҳо	32px
Паҳнои саҳифа	1200px

Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Substack месозад ва онро пур мекунад

Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.

Сохтани вебсайт бо ин услуб

Услубҳои монанд

ElevenLabs — Эссеи аксӣ бо рангҳои гарми қаймоқӣ бо сарлавҳаҳои нозук. Дафтарчаи услуби Баухаус — коғази ранги пӯсти тухм, ранги сиёҳ ва як лаки арғувонӣ ва норанҷӣ барои намоиши маҳсулот.
Awesomic — Тӯри руҳии таҳрирӣ бо аломатҳои пунктуатсионӣ, ки конфеттиро ба хотир меорад
Monad — маҷаллаи таҳририяи техникӣ дар бораи пергаменти гарм
Dub — Панели идоракунии коғази биринҷи маттӣ дар Link
Seline Analytics — Мизи таҳлилии ором дар рӯи коғази гарм
Notion — Дафтари коғазии гарм дар офтоби нисфирӯзӣ
Anthropic — Маҷаллаи илмӣ-саҳроӣ дар бораи пергаменти гарм — сатҳҳои ороми устухонӣ, сарлавҳаҳои таҳририи серифӣ ва лакнети ягонаи гилӣ, ки танҳо вақте пайдо мешавад, ки амал лозим бошад.
Calendly — Сиёҳи кабуди тира дар мармари хунук
Augen Pro — Ранги сафеди Apple дорои ранги кабуди барқии клиникӣ, бевазн ва ягона лаҳҷа дар фазои монохром мебошад.
Antimetal — Як солномаи таҳририя бо коғази қаймоқӣ - як субҳи ором дар маҷаллаи илмӣ, ки дар он худдорӣ эътимодро ифода мекунад ва ҳарфҳои серифӣ кори вазнинро анҷом медиҳанд.
Perk — Лаймҳои барқӣ дар коғази гарми пергаментӣ
Ditto — Коргоҳи офтобӣ барои сохтани намунаҳои гулҳои ваҳшӣ. Сатҳҳои гарми қаймоқӣ, ранги асосии зардранги дурахшон, рангҳои кабуди тираи баҳрӣ, шаклҳои ранги органикӣ, ки дар паси асар шукуфтаанд.