Substack

Palette

Mark

• Signal Orange #ff6719 — Orange gëtt als sekundären Akzent fir dekorativ Detailer benotzt an fir selten Hiweiser ervirzehiewen. Et sollt net als Haaptfaarf fir Handlungsruffer benotzt ginn.

Neutral

• Ink #363737 — Kierpertext – den Haapttext, d'Iwwerschrëften, d'Titelen vun de Bäiträg, d'Zäitstempel an d'Auteurnimm; eng waarm, bal schwaarz Faarf amplaz vun der purer #000 fir méi einfach Liesung.
• Paper #ffffff — D'Säite-Leinwand, d'Kaarteflächen, d'Inputfelder an den Navigatiounshannergrond sinn déi dominant Flächen, déi de groussen Deel vun der Interface besetzen.
• Charcoal #232525 — Mausmodus fir zousätzlechen Text a Linken mat héijen Auswielniveauen; méi déif wéi Tëntmodus fir Codeblöcken a Auswielblöcken.
• Stone #777777 — Eng neutral Faarf gëtt fir sekundär UI-Elementer, Trennwänn a gedämpft Etiketten ënnerstëtzt. Si sollt net als primär Faarf fir Handlungsruff benotzt ginn.
• Ash #b6b6b6 — Dënn Grenzlinnen, Knäppchekonturen, Ikonkonturen, Grenzen op deaktivéierte Kontrollen.
• Mist #c8c8c8 — Trennlinnen, onopfällegen Hannergrond fir Ikonen, eidel Zellen a Form vun engem Skelett ausfëllen.

Typographie

vun 12 bis 32px · 5 Schrëtt

• system-ui — Ersatz: -apple-system · Konturen 400, 500, 600 · Déi primär Schrëft fir d'Benotzerinterface an den Haapttext gëtt fir Navigatiounslabelen, Knäppercher, Messagetext, Metadaten, Inputfelder an all Interfaceelementer benotzt. Kompakt Gréissten vun 12-13px fir Metadaten an 15-19px fir den Haapttext kreéieren d'Gefill vun engem dichten Newsfeed. D'Gewiicht ass 400 fir den Haapttext, 500 fir Navigatiounselementer a Knäppeletiketten, a 600 fir markéiert Messagetitelen an Sektiounsüberschrëften.
• Cahuenga — Ersatz: Charter · Konturen 500 · Eng dekorativ Serif-Schrëft mat engem speziellen Design fir Iwwerschrëften op Produktniveau (Iwwerschrëften op der Säitebar, Iwwerschrëften op Aschreiwungskaarten, Haapttext). Säi mëttelt Gewiicht a seng liicht Zeilhéicht ginn hir en eenzegaartegt Ausgesinn, ouni datt et sech voluminös unfillt; et ass déi eenzeg Schrëft, déi, nieft der oranger Faarf, d'Identitéit vu Substack signaliséiert.
• Spectral — Ersatz: Charter · Konturen 400 · Eng Serif-Schrëft fir laang Bäiträg – déi a Liesraim an am Newsfeed benotzt gëtt, fir d'Liesbarkeet vun redaktionellen Materialien ze verbesseren. En e bësse méi enken Zeilenofstand (1,20) garantéiert e komfortabelt Liese vun Abschnitter, wärend d'Kompaktheet, déi typesch fir Newsrooms ass, behalen gëtt.

Intervaller a Form

Ähnlech Stiler

• ElevenLabs — E Fotoessay a waarme Crèmetéin mat subtile Schlagzeilen. En Notizbuch am Bauhaus-Stil - Eeërschuelfaarwegt Pabeier, schwaarz Tënt an een eenzege violette an orange Akzent fir d'Produktpresentatioun.
• Awesomic — Redaktiounszinknetz mat orange Punktuatiounszeechen, déi u Konfetti erënneren
• Monad — redaktionell technesch Zäitschrëft op waarmem Pergament
• Dub — Link säi Kontrollpanel aus matte Räispabeier
• Seline Analytics — Eng roueg analytesch Tabelle op waarmem Pabeier
• Notion — E waarme Pabeiernotizbuch an der Mëttesonn
• Anthropic — Eng wëssenschaftlech Feldzäitschrëft op waarmem Pergament - roueg elfenbeinfaarweg Uewerflächen, schifereg Editorial-Iwwerschrëften an een eenzegen Tounakzent, deen nëmmen erschéngt, wann Handlung néideg ass.
• Calendly — Donkelblo Tënt op kalem Marmer
• Augen Pro — Apple seng wäiss Presentatioun weist e klineschen, gewichtslose, elektresche Blo als eenzegen Akzent an engem monochrome Raum.
• Antimetal — Eng redaktionell Chronik op cremefaarwegem Pabeier - e rouege Moien an enger wëssenschaftlecher Zäitschrëft, wou Zréckhaltung Selbstvertrauen ausstraalt a Serifen déi schwéier Aarbecht maachen.
• Perk — Elektresch Kalk op waarmem Bakpabeier
• Ditto — E sonnebeliichte Workshop fir d'Erstelle vu Wildblummenprouwen. Waarm Crème-Uewerflächen, eng lieweg giel Basisfaarf, déif marineblo Tënten, organesch Faarfformen, déi hannert dem Stéck bléien.