Substack
inc oren ar y ddesg yn y swyddfa olygyddol
Mae Substack yn edrych fel dangosfwrdd ystafell newyddion hen ffasiwn—cynfas gwyn, testun cynnes, bron yn ddu, ac un acen oren llachar yn nodi pob cam o greu cynnwys. Mae'r hierarchaeth weledol wedi'i hadeiladu ar ddwysedd yn hytrach nag addurn: mae llinellau llwyd tenau yn gwahanu elfennau'r porthiant, mae'r avatarau'n fach, mae'r metadata wedi'i dawelu, ac mae llygad y darllenydd wedi'i hyfforddi i ganolbwyntio ar yr alwad oren i weithredu, y logo oren, y ddolen "Tanysgrifio" oren, a'r botwm "Creu" oren. Cedwir arwynebau'n wastad ac yn ddigyfyngiad—dim cysgodion cardiau, dim elfennau panel crôm—gan adael i'r teipograffeg (elfen UI system crôm gryno wedi'i pharu â ffont pennawd serif personol) gario baich y pwysau golygyddol. Yr arddull nodweddiadol yw elfennau crôm cyfyngedig ac ystumiau bywiog, unlliw: ap darllen sy'n teimlo fel offeryn cyhoeddi.
Cynllun bwrdd gwaith tair colofn: bar ochr chwith sefydlog (~200px, llywio gydag eiconau a labeli, gludiog), porthiant canol (lled uchaf ~600px, rhestr sgrolio fertigol o bostiadau), a bar ochr dde sefydlog (~300px, chwilio + argymhellion + cofrestru). Y porthiant canol yw craidd y golygyddol—dim cardiau, dim ond postiadau wedi'u pentyrru ar ben ei gilydd gyda rhannwyr tenau a bylchau 32px rhwng adrannau. Mae'r prif faner ar frig y porthiant fel un cerdyn lled llawn. Mae'r bar ochr chwith yn cynnwys logo'r brand (arwydd oren gyda llinellau wedi'u gorchuddio), chwe eitem llywio, a botwm "Creu" oren lled llawn ar y gwaelod. Mae'r bar ochr dde yn cynnwys maes chwilio, cerdyn cofrestru, a rhestr "Nesaf" ar gyfer darllen. Mae'r llywio yn finimalaidd—dim bar uchaf, dim briwsion bara; y bar ochr YW'R llywio. Mae dwysedd cynnwys yn uchel: mae postiadau'n defnyddio metadata 12-13px a thestun corff 15-19px, gan greu rhythm tebyg i bapur newydd yn hytrach na theimlad grid cardiau marchnad.
Mae lluniau yn gynnwys a gynhyrchir gan ddefnyddwyr (avatarau awduron, mân-luniau postiadau, delweddau postiadau)—Nid yw Substack yn darparu ei luniau addurniadol ei hun. Mae'r prif gerdyn yn defnyddio graddiant turquoise i wyrdd gydag elfennau darluniadol haniaethol (siapiau geometrig, gwrthrychau steiliedig fel pennau a nodiadau) fel cefndir. Mae mân-luniau postiadau yn y bar ochr dde yn fach (64px), wedi'u hamgáu o fewn radiws o 8px, ac yn gweithredu fel rhagolwg o'r rhestr ddarllen. Mae'r iaith weledol gyffredinol yn seiliedig ar destun: mae'r rhyngwyneb yn gynfas darllen, ac mae delweddau'n gwasanaethu fel angorau gweledol bach yn hytrach na chreu awyrgylch.
Palet
Brand
- Signal Orange
#ff6719— Defnyddir oren fel acen eilaidd ar gyfer manylion addurniadol ac i amlygu arwyddion anaml. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Niwtral
- Ink
#363737— Testun corff—y prif destun, penawdau, teitlau postiadau, stampiau amser, ac enwau awduron; lliw cynnes, bron yn ddu yn lle #000 pur er mwyn ei ddarllen yn haws. - Paper
#ffffff— Cynfas y dudalen, arwynebau'r cardiau, y meysydd mewnbwn, a'r cefndir llywio yw'r arwynebau mwyaf amlwg sy'n meddiannu'r mwyafrif helaeth o'r rhyngwyneb. - Charcoal
#232525— Cyflwr hofran ar gyfer testun a dolenni ychwanegol gyda lefelau dethol uchel; yn ddyfnach na'r modd Inc ar gyfer blociau cod a blociau dethol. - Stone
#777777— Cefnogir lliw niwtral ar gyfer elfennau UI eilaidd, rhannwyr, a labeli tawel. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu. - Ash
#b6b6b6— Llinellau ymyl tenau, amlinelliadau botymau, amlinelliadau eiconau, ffiniau ar reolaethau analluog. - Mist
#c8c8c8— Llinellau rhannu, cefndir disylw ar gyfer eiconau, llenwi celloedd gwag ar ffurf sgerbwd.
Teipograffeg
o 12 i 32px · 5 cam
- system-ui — amnewid: -apple-system · amlinelliadau 400, 500, 600 · Defnyddir y prif ffont ar gyfer y rhyngwyneb defnyddiwr a'r testun corff ar gyfer labeli llywio, botymau, testun negeseuon, metadata, meysydd mewnbwn, a phob elfen o'r rhyngwyneb. Mae meintiau cryno o 12-13px ar gyfer metadata a 15-19px ar gyfer testun corff yn creu'r teimlad o ffrwd newyddion dwys. Y pwysau yw 400 ar gyfer testun corff, 500 ar gyfer elfennau llywio a labeli botymau, a 600 ar gyfer teitlau negeseuon a phenawdau adrannau wedi'u hamlygu.
- Cahuenga — amnewid: Charter · amlinelliadau 500 · Ffont serif addurniadol nodweddiadol ar gyfer penawdau lefel cynnyrch (penawdau bar ochr, penawdau cardiau cofrestru, prif destun). Mae ei bwysau canolig a'i uchder llinell bach yn rhoi golwg nodedig iddo heb deimlo'n swmpus; dyma'r unig ffont sydd, ar wahân i'r lliw oren, yn dynodi hunaniaeth Substack.
- Spectral — amnewid: Charter · amlinelliadau 400 · Ffont serif ar gyfer postiadau hir—a ddefnyddir mewn ystafelloedd darllen ac mewn cynnwys newyddion i wella darllenadwyedd deunyddiau golygyddol. Mae bylchau llinell ychydig yn dynnach (1.20) yn sicrhau darllen paragraffau cyfforddus wrth gynnal y crynodeb sy'n nodweddiadol o ystafelloedd newyddion.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 12px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 32px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Substack ac yn ei llenwi
- Llenwch gyda chynhyrchion a phostiadau trwy'r ddolen - Instagram, TikTok, Facebook.
- Trosglwyddo cynnwys o'ch hen wefan—nodwch y cyfeiriad yn unig.
- Dyluniad modern ar yr injan orau: React ( Next.js) gyda rendro gweinydd ac optimeiddio SEO yn syth ar y bocs.
- Optimeiddio SEO cwbl awtomataidd ar gyfer canlyniadau chwilio ac argymhellion rhwydwaith niwral.
Arddulliau tebyg
- Mollie — Cownter cashmir, llyfr cyfrifon tywyll. Gadewch ddigon o le gwyn ar gyfer dylunio golygyddol o amgylch y testun du, yna atgyfnerthwch bwyntiau sy'n gysylltiedig â'r cynnyrch gyda hufenau cynnes, browniau espresso, a lluniau cyffyrddol o ddulliau talu gwirioneddol.
- Kagi — Ystafell ddarllen ar wahân. Crëwch ofod gwyn agored o amgylch testun graffit beiddgar, gan ddefnyddio acenion porffor cynnil ac arwynebau pastel cynnes i dorri ar y tawelwch.
- Milanote — Stiwdio greadigol bwrpasol yw Milanote. Creu tudalennau arddull oriel olygyddol gan ddefnyddio byrddau gweledol arnofiol: waliau wedi'u fframio'n dywyll, gofod arddangos gwyn, a sgrinluniau sy'n edrych fel gwrthrychau go iawn gyda dyfnder meddal.
- Co2 — Atlas hinsawdd yng ngolau'r gaeaf. Crëwch dudalennau fel tirwedd dogfennau o'r awyr, lle mae penawdau serif, data wedi'i godio yn ôl categori, a delweddau rhewllyd yn amlygu ymylon gwyn llydan.
- GitButler — Turquoise ar ddiwedd y testun. Cyfuniad o benawdau serif cyferbyniad uchel gyda gridiau technegol cynnil, arwynebau graffit cynnes, ac acen turquoise disylw.
- ElevenLabs — Traethawd llun mewn arlliwiau hufen cynnes gyda phenawdau cynnil. Llyfr nodiadau arddull Bauhaus—papur lliw plisgyn wy, inc du, ac acen borffor ac oren sengl ar gyfer arddangos cynnyrch.
- Awesomic — Rhwyll sinc olygyddol gyda marciau atalnodi oren yn atgoffa rhywun o gonffeti
- Monad — cyfnodolyn technegol golygyddol ar femrwn cynnes
- Dub — Panel rheoli papur reis matte Link
- Seline Analytics — Tabl dadansoddol tawel ar bapur cynnes
- Notion — Llyfr nodiadau papur cynnes yn haul canol dydd
- Anthropic — Cylchgrawn maes gwyddonol ar femrwn cynnes—arwynebau ifori tawel, penawdau golygyddol â serifau, ac acen glai sengl sy'n ymddangos dim ond pan fo angen gweithredu.