Substack

Палітра

Бренд

• Signal Orange #ff6719 — Помаранчевий колір використовується як допоміжний акцент для декоративних деталей та акцентування уваги на нечастих сигналах. Не слід виділяти його як основний колір заклику до дії.

Нейтральні

• Ink #363737 — Основний текст - основний текст, заголовки, назви постів, тимчасові мітки, імена авторів; теплий, майже чорний колір замість чистого #000 для комфортнішого читання.
• Paper #ffffff — Полотно сторінки, поверхні карток, поля введення, тло навігації — домінуюча поверхня, що займає переважну частину інтерфейсу.
• Charcoal #232525 — Стан при наведенні курсору на додатковий текст та посилання з високим рівнем виділення; глибше, ніж у режимі Ink, для блоків коду та блоків виділення.
• Stone #777777 — Підтримується нейтральний колір для другорядних елементів інтерфейсу користувача, розділювачів і приглушених підписів. Не слід призначати його основним кольором для закликів до дії.
• Ash #b6b6b6 — Тонкі лінії кордонів, контури кнопок, обведення значків, межі вимкнених елементів керування.
• Mist #c8c8c8 — Розділові лінії, ненав'язливий фон для значків, заповнення порожніх осередків у вигляді скелета.

Друкарня

від 12 до 32px · 5 ступенів

• system-ui — заміна: -apple-system · зображення 400, 500, 600 · Основний шрифт для інтерфейсу користувача і основного тексту - використовується для міток навігації, кнопок, тексту повідомлень, метаданих, полів введення і всіх елементів інтерфейсу. Компактні розміри 12-13px для метаданих і 15-19px для основного тексту створюють відчуття щільної стрічки новин. Товщина 400 для основного тексту, 500 для елементів навігації та міток кнопок, 600 для виділених заголовків повідомлень та заголовків розділів.
• Cahuenga — заміна: Charter · зображення 500 · Фірмовий декоративний шрифт із засічками для заголовків на рівні продукту (заголовки бічної панелі, заголовки реєстраційної картки, головний текст). Середня товщина і невелика міжрядковий перепад надають йому представницького вигляду, не створюючи відчуття громіздкості; це єдиний шрифт, який, окрім помаранчевого кольору, сигналізує про те, що це Substack.
• Spectral — заміна: Charter · зображення 400 · Шрифт із засічками для довгих постів - використовується в читацьких залах і в контенті стрічки для підвищення зручності читання редакційних матеріалів. Трохи менший міжрядковий інтервал (1,20) забезпечує комфортне читання абзаців, зберігаючи при цьому компактність, характерну для редакцій новин.

Інтервали та форма

Схожі стилі

• ElevenLabs — Фоторепортаж у теплих кремових тонах із ненав'язливими заголовками. Блокнот у стилі Баухаус — папір кольору яєчної шкаралупи, чорне чорнило, один фіолетовий та помаранчевий акцент для демонстрації продукту.
• Awesomic — Редакційна цинкова сітка з помаранчевими розділовими знаками, що нагадують конфетті
• Monad — редакційний технічний журнал на теплому пергаменті
• Dub — матова панель управління Link на рисовому папері
• Seline Analytics — Тихий аналітичний стіл на теплий папір
• Notion — Теплий паперовий блокнот під полуденним сонцем
• Anthropic — Науковий польовий журнал на теплому пергаменті — спокійні поверхні кольору слонової кістки, редакційні заголовки із засічками та єдиний глиняний акцент, що з'являється лише тоді, коли потрібно діяти
• Calendly — Темно-синє чорнило на холодному мармурі
• Augen Pro — Презентація Apple на білому тлі — клінічний, невагомий, електричний синій як єдиний акцент у монохромному просторі
• Antimetal — Редакційна хроніка на кремовому папері – тихий ранок у науковому журналі, де стриманість свідчить про впевненість, а засічки виконують основну роботу.
• Perk — Електричний лайм на теплому пергаментному папері
• Ditto — Залита сонцем майстерня зі створення зразків польових кольорів. Теплі кремові поверхні, яскравий жовтий основний колір, глибокі темно-сині чорнила, органічні колірні форми, що розквітають за виробом