Superhuman
panèl editoryal lè an lò
Superhuman chita nan entèseksyon fotografi editoryal ak koòdone itilizatè lojisyèl—yon twal cho, ki sanble ak parchemin (pa janm blan pi) ankadre eleman mak mawon ak aksan koulè mov vibran. Tit yo, ki mete nan polis 460, chuichui olye yo rele byen fò, sa ki pèmèt fotografi sinematik plen paj fè travay la, pandan ke kat koòdone itilizatè pwodwi translisid yo flote tankou vè anlè imaj yo. Palèt koulè a rete kalm ak editoryal pifò tan an: sifas krèm, tèks chabon, fwontyè gri cho sibtil, ak espas jenere ant eleman yo, ak koulè rezève pou ponktiyasyon mak volontè—yon sèl apèl a aksyon mawon, lyen koulè mov, yon bouton adisyonèl lila pal. Sistèm nan evite volontèman lonbraj ak gradyan fò sou sifas koòdone itilizatè yo; pwofondè a reyalize atravè fotografi an kouch ak yon flou sibtil nan background nan tit la, olye ke atravè yon efè anpile.
Eleman prensipal la se yon foto plen lajè ak yon tit santre (48-64px/460) ak yon sèl apèl a aksyon ranpli ak yon imaj diven, ak kat koòdone itilizatè pwodwi translisid k ap flote ki sipèpoze sou kwen gòch ak dwat yo. Anba eleman prensipal la gen yon bann logo blan (6 selil pa ranje, lajè maksimòm limite), answit yon seksyon onglet ak sifas kat blan sou twal parchemin. Yon bann turkwaz fonse kraze ritm lan apeprè de tyè nan paj la—plen lajè, de kolòn (imaj sou bò gòch la, tèks sou bò dwat la)—kreye sèl kontras tonal la pandan w ap defile. Yon bann atmosferik gradyan swiv. Espas vètikal ant seksyon yo se 64-96px. Lajè maksimòm kontni an se ~1200px santre, ak eleman prensipal la ak bann nwa a ki kouvri tout lajè fenèt la. Navigasyon an se yon sèl tit fiks ak yon background flou; pa gen ba bò, pa gen mega meni. Pye paj la se yon paj wouj grena plen lajè ak yon layout lyen plizyè kolòn. Ritm jeneral la se: kad prensipal → kontni blan/krèm kalm → bann nwa ak imaj prensipal la → gradyan atmosferik → pye paj koulè wouj grena, altène bann klè ak bann nwa pou kreye yon tanpo editoryal.
Eleman vizyèl prensipal la se fotografi sinematik: yon pòtrè plen lajè kont yon syèl ouvè sèvi kòm pwen fokal la, ak yon dezyèm bann atmosferik ki pozisyone pi ba sou paj la. Imaj la gen ton cho, yon ti jan mwens klere, epi li te pran an pwofil, ki fè panse ak yon lè an lò, sa ki kreye yon santiman plis editoryal pase antrepriz. Yon bann nwa ak rektang jeyometrik translisid ak enskripsyon ekri alamen sipèpoze sou yon foto yon nonm ki pèdi nan panse—yon kolaj sifas olye de yon sèl imaj. Entèfas itilizatè a prezante kòm kat an vè k ap flote sipèpoze dirèkteman sou foto a, olye de kòm ekran separe. Pa gen okenn ilistrasyon stock, pa gen okenn rann 3D, e pa gen okenn fòm dekoratif abstrè, eksepte bann atmosferik gradyan an. Ikòn yo se ikòn liy monokrom minimalist, ~16-20px lajè, ak yon sèl lajè ki koresponn ak pwa tèks 460 pwen an.
Palèt
Mak
- Midnight Wine
#421d24— Bouton aksyon prensipal yo, banyè piblisite a, ak pye paj la se yon koulè wouj vif cho, prèske nwa ki sanble plis ak lank pase wouj, ki ankre palèt koulè a san li pa twò fò. - Royal Violet
#714cb6— Yo itilize koulè mov pou mete aksan sou lyen, etikèt, ak fraz kout. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon.
Netral
- Lilac Mist
#d4c7ff— Ranpli sifas segondè a, ikòn limyè yo, ak background bouton fantom yo tout prezante yon koulè mov ki pa twò klere ki fè alisyon a stil mak la san li pa atire atansyon twòp sou li. - Deep Lagoon
#0c4243— Fon nwa pou bann desen an, ki itilize kòm prensipal eleman naratif la, se sèl sifas nwa nan sistèm nan, konbine avèk yon modèl jeyometrik ki sipèpoze. - Warm Parchment
#f2f0eb— Sifas travay paj la se eleman dominan an; yon koulè krèm cho ranplase blan kòm baz, sa ki bay tout sistèm nan yon chalè editoryal. - Soft Mist
#e3e3e2— Bòdi byen fen, kontou kat, liy divizyon—yon gri cho, klè ki melanje ak parchemin nan men ki defini bor yo byen klè. - Ink Charcoal
#292827— Tèks kò a, tit yo, kontou ikòn yo - yon koulè cho, prèske nwa ak ase mawon pou santi tankou lank sou papye, pa janm frèt #000 - Stone Gray
#666666— Tèks segondè, tèks sipò, deskripsyon diskrè - yon sèl gri mwayen, itilize ak modération pou pa janm fè konpetisyon ak tèks prensipal la.
Tipografi
soti nan 12 pou rive nan 64px · 8 etap
- Super Sans VF — ranplasman: Inter (closest open equivalent for variable weight range) · plan 460, 500, 540, 600, 700 · Yon sèl font nan tout sistèm nan. Varyab aks yo kouvri yon seri de 460 (yon font siyati, yon ti kras koupe pou tout gwo tèks tit) rive nan 540 (tèks kò anfaz) ak 700 (ti tit fonse). Yon VF espesyalman fèt fè tit ki gen pwa 460 yo parèt pi espre pase dezòd—a 48-64px ak yon espasman lèt sere, efè "yon ti kras koupe" a parèt pi asire olye ke mens.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | dans |
| Etap debaz | 8px |
| Reyon bouton | 16px |
| Reyon kat | 16px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 64-96px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Superhuman epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- AI for Business — Chanm editoryal britalist nan ton gri cho
- Jeton — Yon editoryal sou fintech sou mab cho
- Airtable — Yon seminè konfòtab ak chapit ki make nan diferan koulè
- Osmo — Mize Devlopè yo sou Beton Gri
- Linktr — Afich editoryal yo anpile tankou sirèt. Sit entènèt la fèt an blòk koulè, ak tit vèt klere sou mi ble kobalt, ak eleman navigasyon blan ki gen fòm grenn k ap flote anlè jaden wouj grena.
- Outsource Consultants — Yon fèy achitekti gwo fòma sou papye zo. Yon estetik monografik, kote yon sèl tach digo klere entèwonp griy cho a, tipografikman maksimalis la.
- Streamtime — Tablo Atitid Kreyatif Taktil - Tablo Scrapbooking Designer
- Switch-Lit — Griy editoryal enprime ak lank sou papye krèm
- HubSpot — Yon koulè papye krèm cho ak yon sèl aksan zoranj. HubSpot sanble ak yon magazin designer ki enprime sou papye epè—tit serif, paj krèm cho, ak yon sèl aksan zoranj dife ki mete aksan sèlman sou pwen ki pi enpòtan yo.
- Granola — Nòt sou papye velòm cho—Granola li tankou yon kaye Moleskine byen ize ki louvri sou yon biwo ki byen klere nan solèy: tit serif yo bay yon sans solidité, aksan vèt òganik tankou lank ki baze sou plant, ak liy fen nan maj kat yo ki sanble ak nòt ekri alamen.
- Secure — Yon konvèsasyon nan yon kafe Ewopeyen anba yon bèl limyè solèy se yon fason cho ak élégance pou fè apèl videyo, kote tit serif yo sanble ak yon atik magazin byen panse olye de yon paj pwodwi teknoloji.
- Mockups made easy — Estidyo konsepsyon editoryal sou papye blan