Substack
oranĝa inko sur la skribotablo en la redakcio
Substack aspektas kiel eluzita redakcia instrumentpanelo — blanka kanvaso, varma, preskaŭ nigra teksto, kaj ununura brile oranĝa akĉento markanta ĉiun etapon de kreado de enhavo. La vida hierarkio baziĝas sur denseco anstataŭ ornamado: maldikaj grizaj linioj apartigas la elementojn de la flufluo, la avataroj estas malgrandaj, la metadatenoj estas silentigitaj, kaj la okulo de la leganto estas trejnita por fokusiĝi sur la oranĝa alvoko al ago, la oranĝa emblemo, la oranĝa ligilo "Aboni" kaj la oranĝa butono "Krei". La surfacoj estas tenataj ebenaj kaj senlimigitaj — neniuj ombroj de kartoj, neniuj kromaj panelelementoj — lasante la tipografion (kompakta kroma sistema UI-elemento parigita kun kutima serifa titoltiparo) porti la ĉefan parton de la redakcia pezo. La signatura stilo estas moderaj kromaj elementoj kaj viglaj, unu-koloraj akcesoraĵoj: legaplikaĵo, kiu sentas sin kiel eldonilo.
Trikolumna aranĝo por la labortablo: fiksa maldekstra flanka kolumno (~200 rastrumeroj, navigado kun ikonoj kaj etikedoj, fiksita), centra fluo (maksimuma larĝo ~600 rastrumeroj, vertikale rulanta listo de afiŝoj), kaj fiksa dekstra flanka kolumno (~300 rastrumeroj, serĉo + rekomendoj + registrado). La centra fluo estas la redakcia kerno - neniuj kartoj, nur afiŝoj stakigitaj unu sur la alia kun maldikaj dividiloj kaj 32 rastrumeroj da interspacoj inter sekcioj. La ĉefa standardo sidas ĉe la supro de la fluo kiel ununura plenlarĝa karto. La maldekstra flanka kolumno enhavas la markan emblemon (oranĝa signo kun supermetitaj linioj), ses navigaciajn erojn, kaj plenlarĝan oranĝan butonon "Krei" sube. La dekstra flanka kolumno enhavas serĉkampon, registriĝan karton, kaj liston "Sekva" por legado. Navigado estas minimuma - neniu supra kolumno, neniuj paneroj; la flanka kolumno JA estas la navigado. Enhavdenseco estas alta: afiŝoj uzas 12-13 rastrumerajn metadatenojn kaj 15-19 rastrumerajn korptekston, kreante gazet-similan ritmon anstataŭ la senton de foirejo-karta krado.
Fotoj estas uzanto-generita enhavo (aŭtoraj avataroj, bildetoj de afiŝoj, bildoj de afiŝoj) — Substack ne provizas proprajn ornamajn fotojn. La ĉefa karto uzas turkisan ĝis verdan gradienton kun abstraktaj ilustraj elementoj (geometriaj formoj, stiligitaj objektoj kiel skribiloj kaj notoj) kiel fono. Bildetoj de afiŝoj en la dekstra flanka kolumno estas malgrandaj (64 rastrumeroj), enfermitaj en radiuso de 8 rastrumeroj, kaj funkcias kiel antaŭrigardo de la leglisto. La ĝenerala vida lingvo estas tekst-bazita: la interfaco estas legokanvaso, kaj bildoj servas kiel malgrandaj vidaj ankroj anstataŭ krei etoson.
Paletro
Marko
- Signal Orange
#ff6719— Oranĝkoloro estas uzata kiel dua akcento por ornamaj detaloj kaj por reliefigi maloftajn signojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Ink
#363737— Korpoteksto — la ĉefa teksto, titoloj, afiŝtitoloj, tempstampoj kaj aŭtornomoj; varma, preskaŭ nigra koloro anstataŭ pura #000 por pli facila legado. - Paper
#ffffff— La paĝkanvaso, kartsurfacoj, enigaĵkampoj kaj navigacia fono estas la dominaj surfacoj kiuj okupas la vastan plimulton de la interfaco. - Charcoal
#232525— Ŝveba stato por plia teksto kaj ligiloj kun altaj elektoniveloj; pli profunda ol Inko-reĝimo por kodblokoj kaj elektoblokoj. - Stone
#777777— Neŭtrala koloro estas subtenata por duarangaj uzantinterfacaj elementoj, dividiloj kaj silentigitaj etikedoj. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago. - Ash
#b6b6b6— Maldikaj randlinioj, butonkonturoj, ikonkonturoj, randoj ĉe malŝaltitaj kontroloj. - Mist
#c8c8c8— Disigaj linioj, diskreta fono por ikonoj, plenigante malplenajn ĉelojn en formo de skeleto.
Tipografio
de 12 ĝis 32 rastrumeroj · 5 paŝoj
- system-ui — anstataŭaĵo: -apple-system · konturoj 400, 500, 600 · La ĉefa tiparo por la uzantinterfaco kaj la ĉefa teksto estas uzata por navigaciaj etikedoj, butonoj, mesaĝteksto, metadatenoj, enigaĵaj kampoj kaj ĉiuj interfacaj elementoj. Kompaktaj grandecoj de 12-13 rastrumeroj por metadatenoj kaj 15-19 rastrumeroj por la ĉefa teksto kreas la senton de densa novaĵfluo. La pezo estas 400 por la ĉefa teksto, 500 por navigaciaj elementoj kaj butonetikedoj, kaj 600 por elstarigitaj mesaĝtitoloj kaj sekciaj titoloj.
- Cahuenga — anstataŭaĵo: Charter · konturoj 500 · Signatura ornama serifa tiparo por produktnivelaj titoloj (flankaj titoloj, titoloj de registriĝaj kartoj, ĉefa teksto). Ĝia meza pezo kaj iometa linialteco donas al ĝi distingitan aspekton sen sentiĝi volumena; ĝi estas la sola tiparo kiu, krom la oranĝa koloro, signalas la identecon de Substack.
- Spectral — anstataŭaĵo: Charter · konturoj 400 · Serifa tiparo por longaj afiŝoj — uzata en legejoj kaj en novaĵfluo por plibonigi la legeblecon de redakciaj materialoj. Iomete pli mallarĝa liniinterspaco (1.20) certigas komfortan alinelegadon, samtempe konservante la kompaktecon tipan por redakciejoj.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 8px |
| Butona radiuso | 9999px |
| Karto-radiuso | 12px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 32px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Substack kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- ElevenLabs — Fotoeseo en varmaj kremkoloraj tonoj kun subtilaj titoloj. Notlibro en la stilo de Bauhaus — ovoŝelkolora papero, nigra inko, kaj ununura viola kaj oranĝa akcento por montri la produkton.
- Awesomic — Redakcia zinka reto kun oranĝaj interpunkciaj signoj rememorigaj pri konfetoj
- Monad — redakcia teknika revuo sur varma pergameno
- Dub — La kontrolpanelo de Link, la senbrila rizpapero
- Seline Analytics — Trankvila analiza tablo sur varma papero
- Notion — Varma papera kajero en la tagmeza suno
- Anthropic — Scienca kampa revuo sur varma pergamentpapero — trankvilaj eburaj surfacoj, serifaj ĉefartikoltitoloj, kaj ununura argila akcento kiu aperas nur kiam agado estas necesa.
- Calendly — Malhelblua inko sur malvarma marmoro
- Augen Pro — La blanka prezento de Apple havas klinikan, senpezan, elektran bluon kiel la solan akĉenton en monokroma spaco.
- Antimetal — Redakcia kroniko sur kremkolora papero — trankvila mateno ĉe scienca revuo, kie sinregado transdonas fidon kaj serifoj faras la pezan laboron
- Perk — Elektra kalko sur varma pergamentpapero
- Ditto — Sunlumita laborejo kreante specimenojn de sovaĝfloroj. Varmaj kremkoloraj surfacoj, vigla flava bazkoloro, profundaj marbluaj inkoj, organikaj kolorformoj florantaj malantaŭ la peco.