Substack
appelsínugult blek á skrifborðinu á ritstjórnarskrifstofunni
Substack lítur út eins og slitið mælaborð fréttastofu — hvítt strigi, hlýr, næstum svartur texti og einn skær appelsínugulur hlekkur sem markar hvert stig efnissköpunar. Sjónræna stigveldið byggir á þéttleika frekar en skreytingum: þunnar gráar línur aðgreina þætti straumsins, prófílmyndir eru litlar, lýsigögn eru þögguð og auga lesandans er þjálfað til að einbeita sér að appelsínugulu aðgerðahvatningunni, appelsínugula merkinu, appelsínugula „Gerast áskrifandi“ hlekknum og appelsínugula „Búa til“ hnappinum. Yfirborðið er haldið slétt og óheft — engir skuggar á kortum, engin krómuð spjaldþætti — sem leyfir leturgerðinni (samþjappað krómað kerfisviðmótsþáttur parað við sérsniðna serif fyrirsögn leturgerð) að bera þungann af ritstjórnarþyngdinni. Einkennandi stíllinn er aðhaldssamir krómþættir og líflegir, einlitir punktar: lestrarforrit sem líður eins og útgáfutól.
Þriggja dálka skjáborðsútlit: föst vinstri hliðarstika (~200px, flakk með táknum og merkimiðum, fastur), miðstraumur (hámarksbreidd ~600px, lóðrétt skrunandi listi yfir færslur) og föst hægri hliðarstika (~300px, leit + tillögur + skráning). Miðstraumurinn er ritstjórnarkjarninn - engin spjöld, bara færslur staflaðar hver ofan á aðra með þunnum skilrúmum og 32px bili á milli hluta. Aðalborðinn er efst í straumnum sem eitt spjald í fullri breidd. Vinstri hliðarstikan inniheldur vörumerkið (appelsínugult skilti með línum yfir), sex flakkatriði og appelsínugulan "Búa til" hnapp í fullri breidd neðst. Hægri hliðarstikan inniheldur leitarreit, skráningarspjald og "Næst" lista til lestrar. Flakk er í lágmarki - engin efri stika, engin brauðmylsna; hliðarstikan ER flakkið. Þéttleiki efnis er mikill: færslur nota 12-13px lýsigögn og 15-19px megintexta, sem skapar dagblaðalíkan takt frekar en tilfinningu fyrir spjaldaneti markaðstorgs.
Myndir eru notendaframleitt efni (myndir höfunda, smámyndir af færslum, myndir af færslum) — Substack býður ekki upp á sínar eigin skreytingarmyndir. Aðalkortið notar tyrkisbláan til grænan litbrigði með abstraktum myndrænum þáttum (rúmfræðilegum formum, stílfærðum hlutum eins og pennum og glósum) sem bakgrunni. Smámyndir af færslum í hægri hliðarstikunni eru litlar (64px), innan 8px radíus og virka sem forskoðun á leslistanum. Heildarmyndmálið er textabundið: viðmótið er lestrarstrigi og myndirnar þjóna sem lítil sjónræn akkeri frekar en að skapa andrúmsloft.
Litatöflu
Vörumerki
- Signal Orange
#ff6719— Appelsínugulur er notaður sem aukahlekkur fyrir skreytingar og til að draga fram óvenjulegar vísbendingar. Hann ætti ekki að vera aðallitur fyrir hvatningar til aðgerða.
Hlutlaus
- Ink
#363737— Megintexti — aðaltexti, fyrirsagnir, titlar færslna, tímastimplar og nöfn höfunda; hlýr, næstum svartur litur í stað hreins #000 til að auðvelda lestur. - Paper
#ffffff— Síðufletir, kortyfirborð, innsláttarreitir og bakgrunnur flakksins eru ríkjandi yfirborð sem fylla langstærstan hluta viðmótsins. - Charcoal
#232525— Sveima yfir kóða og valblokkir fyrir viðbótartexta og tengla með miklu valstigi; dýpra en blekstilling fyrir kóðablokkir og valblokkir. - Stone
#777777— Hlutlaus litur er studdur fyrir aukaþætti notendaviðmóts, skilrúm og þögguð merki. Hann ætti ekki að vera aðallitur fyrir aðgerðahvatningar. - Ash
#b6b6b6— Þunnar rammalínur, útlínur hnappa, útlínur tákna, rammar á óvirkum stýringum. - Mist
#c8c8c8— Skiptingarlínur, óáberandi bakgrunnur fyrir tákn, fylling í tómum reitum í formi beinagrindar.
Leturfræði
frá 12 til 32px · 5 skref
- system-ui — skipti: -apple-system · útlínur 400, 500, 600 · Aðal leturgerðin fyrir notendaviðmót og meginmál er notuð fyrir leiðsagnarmerki, hnappa, skilaboðatexta, lýsigögn, innsláttarsvið og alla viðmótsþætti. Lítil stærð, 12-13px fyrir lýsigögn og 15-19px fyrir meginmál, skapar tilfinningu fyrir þéttum fréttaflutningi. Þyngdin er 400 fyrir meginmál, 500 fyrir leiðsagnarþætti og hnappamerki og 600 fyrir auðkennda titla skilaboða og fyrirsagnir kafla.
- Cahuenga — skipti: Charter · útlínur 500 · Einkennandi skreytingarletur með serif-mynstri fyrir fyrirsagnir á vörustigi (hliðarfyrirsagnir, fyrirsagnir skráningarkorta, aðaltexta). Meðalþykkt letursins og lítil línuhæð gefa því einstakt útlit án þess að það sé fyrirferðarmikið; þetta er eina letrið sem, fyrir utan appelsínugula litinn, gefur til kynna auðkenni Substack.
- Spectral — skipti: Charter · útlínur 400 · Serif-letur fyrir langar færslur — notað í lestrarstofum og fréttaveitum til að bæta lesanleika ritstjórnarefnis. Örlítið þrengra línubil (1,20) tryggir þægilega lestur málsgreina en viðheldur jafnframt þeirri þéttleika sem er dæmigerður fyrir fréttastofur.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | þétt |
| Grunnskref | 8px |
| Hnapparadíus | 9999px |
| Radíus korts | 12px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 32px |
| Síðubreidd | 1200px |
Gervigreind mun smíða vefsíðuna þína í stíl við Substack og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- ElevenLabs — Ljósmyndaritgerð í hlýjum rjómalitum tónum með látlausum fyrirsögnum. Minnisbók í Bauhaus-stíl — eggjaskurnslitað pappír, svart blek og ein fjólublá og appelsínugult útlit til að sýna vörurnar.
- Awesomic — Ritstjórnarlegt sinknet með appelsínugulum greinarmerkjum sem minna á konfettí
- Monad — ritstjórnartæknilegt tímarit á hlýju pergamenti
- Dub — Stjórnborð Links fyrir matt hrísgrjónapappír
- Seline Analytics — Rólegt greiningarborð á hlýju pappír
- Notion — Hlý pappírsminnisbók í hádegissólinni
- Anthropic — Vísindalegt tímarit á hlýju vellum — rólegt fílabeinslitað yfirborð, merktar fyrirsagnir í ritstjórnargreinum og ein leirhreim sem birtist aðeins þegar aðgerða er þörf.
- Calendly — Dökkblátt blek á köldum marmara
- Augen Pro — Hvíta framsetning Apple er með klínískum, þyngdarlausum, rafbláum lit sem eina áhersluna í einlita rými.
- Antimetal — Ritstjórnargrein á rjómalituðum pappír — rólegur morgunn í vísindatímariti, þar sem hófsemi gefur til kynna sjálfstraust og stafrófsröðun vinnur þungt verk.
- Perk — Rafmagnslime á volgu bökunarpappír
- Ditto — Sólskinsverkstæði sem býr til sýnishorn af villtum blómum. Hlýir kremlitaðir fletir, skærgulur grunnlitur, djúp dökkblár blek, lífræn litaform blómstra á bak við verkið.