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
- 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.
- Calendly — Inc glas tywyll ar farmor oer
- Augen Pro — Mae cyflwyniad gwyn Apple yn cynnwys glas trydan clinigol, dibwysau fel yr unig acen mewn gofod monocrom.
- Antimetal — Cronicl golygyddol ar bapur hufen—bore tawel mewn cyfnodolyn gwyddonol, lle mae cymedroli yn cyfleu hyder a serifau yn gwneud y gwaith trwm
- Perk — Calch trydan ar bapur memrwn cynnes
- Ditto — Gweithdy heulog yn creu samplau o flodau gwyllt. Arwynebau hufen cynnes, lliw sylfaen melyn bywiog, inciau glas tywyll dwfn, ffurfiau lliw organig yn blodeuo y tu ôl i'r darn.