Substack
наранџасто мастило на столу у редакцији
Substack изгледа као похабана контролна табла редакције – бело платно, топао, готово црн текст и један јарко наранџасти акценат који означава сваку фазу креирања садржаја. Визуелна хијерархија је изграђена на густини, а не на декорацији: танке сиве линије одвајају елементе фида, аватари су мали, метаподаци су пригушени, а око читаоца је обучено да се фокусира на наранџасти позив на акцију, наранџасти лого, наранџасту везу „Претплати се“ и наранџасто дугме „Креирај“. Површине су равне и неограничене – без сенки картица, без хромираних елемената панела – дозвољавајући типографији (компактни хромирани елемент корисничког интерфејса упарен са прилагођеним серифним фонтом за наслов) да носи највећи део уредничке тежине. Препознатљив стил су уздржани хромирани елементи и живописни, једнобојни акценти: апликација за читање која се осећа као алат за објављивање.
Распоред на радној површини са три колоне: фиксна лева бочна трака (~200px, навигација са иконама и ознакама, лепљива), централни фид (максимална ширина ~600px, вертикално покретна листа објава) и фиксна десна бочна трака (~300px, претрага + препоруке + регистрација). Централни фид је уредничко језгро — нема картица, само објаве наслагане једна на другу са танким разделима и размацима од 32px између одељака. Главни банер се налази на врху фида као једна картица пуне ширине. Лева бочна трака садржи лого бренда (наранџасти знак са преклопљеним линијама), шест ставки за навигацију и наранџасто дугме „Креирај“ пуне ширине на дну. Десна бочна трака садржи поље за претрагу, картицу за регистрацију и листу „Следеће“ за читање. Навигација је минимална — нема горње траке, нема „мрвица“; бочна трака ЈЕСТЕ навигација. Густина садржаја је висока: објаве користе метаподатке од 12-13px и текст од 15-19px, стварајући ритам сличан новинама, а не осећај мреже картица на тржишту.
Фотографије су садржај који генеришу корисници (аватари аутора, сличице објава, слике објава) — Substack не пружа сопствене декоративне фотографије. Главна картица користи градијент од тиркизно зелене до зелене боје са апстрактним илустративним елементима (геометријски облици, стилизовани објекти попут оловака и белешки) као позадину. Сличице објава у десној бочној траци су мале (64 пиксела), затворене у радијусу од 8 пиксела и функционишу као преглед листе за читање. Целокупни визуелни језик је заснован на тексту: интерфејс је платно за читање, а слике служе као мала визуелна сидра, а не као стварање атмосфере.
Палета
Brend
- Signal Orange
#ff6719— Наранџаста се користи као секундарни акценат за декоративне детаље и за истицање ретких знакова. Не треба је користити као примарну боју за позиве на акцију.
Неутрално
- Ink
#363737— Текст поста — главни текст, наслови, наслови објава, временске ознаке и имена аутора; топла, скоро црна боја уместо чистог #000 ради лакшег читања. - Paper
#ffffff— Платно странице, површине картица, поља за унос и позадина навигације су доминантне површине које заузимају већину интерфејса. - Charcoal
#232525— Стање задржавања мишем за додатни текст и линкове са високим нивоима селекције; дубље од режима мастила за блокове кода и блокове селекције. - Stone
#777777— Неутрална боја је подржана за секундарне елементе корисничког интерфејса, разделиоце и пригушене ознаке. Не треба је користити као примарну боју за позиве на акцију. - 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 · Серифни фонт за дугачке објаве — користи се у читаоницама и у садржају вести ради побољшања читљивости уредничких материјала. Нешто ужи проред између редова (1,20) обезбеђује удобно читање пасуса, а истовремено одржава компактност типичну за редакције.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | густ |
| Основни корак | 8px |
| Радијус дугмета | 9999px |
| Радијус картице | 12px |
| Сенке | не - ивице уместо сенки |
| Између одељака | 32px |
| Ширина странице | 1200px |
Вештачка интелигенција ће изградити ваш веб сајт у Substack стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- ElevenLabs — Фото есеј у топлим крем тоновима са суптилним насловима. Свеска у стилу Баухауса — папир боје љуске јајета, црно мастило и један љубичасти и наранџасти акценат за приказивање производа.
- Awesomic — Уредничка цинкова мрежа са наранџастим интерпункцијским знаковима који подсећају на конфете
- Monad — уреднички технички часопис на топлом пергаменту
- Dub — Линкова контролна табла од мат пиринчаног папира
- Seline Analytics — Тихи аналитички сто на топлом папиру
- Notion — Топла папирна свеска на подневном сунцу
- Anthropic — Научни часопис о топлом пергаменту — мирне површине боје слоноваче, насечени уреднички наслови и један глинени акценат који се појављује само када је потребна акција.
- Calendly — Тамноплаво мастило на хладном мермеру
- Augen Pro — Еплова бела презентација садржи клиничку, бестежинску, електрично плаву боју као једини акценат у монохроматском простору.
- Antimetal — Уредничка хроника на кремастом папиру – тихо јутро у научном часопису, где уздржаност преноси самопоуздање, а серифи обављају тешки посао
- Perk — Електрични лимет на топлом пергамент папиру
- Ditto — Сунцем обасјана радионица у којој се стварају узорци дивљег цвећа. Топле кремасте површине, јарко жута основна боја, дубоко тамноплаве боје, органски облици боја који цветају иза дела.