Superhuman
panel golygyddol awr aur
Mae Superhuman yn croesi croestoriad ffotograffiaeth olygyddol a rhyngwyneb defnyddiwr meddalwedd—mae cynfas cynnes, tebyg i femrwn (heb fod byth yn wyn pur) yn fframio elfennau brandio maroon ac acenion porffor bywiog. Mae penawdau, wedi'u gosod mewn ffont 460, yn sibrwd yn hytrach na gweiddi, gan ganiatáu i ffotograffiaeth sinematig tudalen lawn wneud y gwaith trwm, tra bod cardiau rhyngwyneb defnyddiwr cynnyrch tryloyw yn arnofio fel gwydr uwchben y delweddaeth. Mae'r palet yn parhau'n dawel ac yn olygyddol y rhan fwyaf o'r amser: arwynebau hufen, testun siarcol, ffiniau llwyd cynnes cynnil, a bylchau hael rhwng elfennau, gyda lliw wedi'i gadw ar gyfer atalnodi brand bwriadol—un galwad i weithredu maroon, dolenni porffor, botwm ychwanegu lelog golau. Mae'r system yn osgoi cysgodion a graddiannau cryf ar arwynebau rhyngwyneb defnyddiwr yn fwriadol; Cyflawnir y dyfnder trwy ffotograffiaeth haenog ac aneglurder cefndir cynnil yn y teitl, yn hytrach na thrwy effaith pentyrru.
Y brif elfen yw ffotograff lled llawn gyda phennawd canolog (48-64px/460) ac un alwad i weithredu wedi'i llenwi â delwedd o win, gyda chardiau UI cynnyrch tryloyw arnofiol wedi'u gorchuddio ar yr ymylon chwith a dde. O dan y brif elfen mae stribed logo streipen wen (6 cell fesul rhes, lled uchaf wedi'i gyfyngu), yna adran tab gydag arwynebau cerdyn gwyn ar gynfas memrwn. Mae streipen turquoise tywyll yn torri'r rhythm tua dwy ran o dair o'r ffordd drwy'r dudalen—lled llawn, dwy golofn (delwedd ar y chwith, testun ar y dde)—gan greu'r unig gyferbyniad tonal wrth i chi sgrolio. Mae streipen atmosfferig graddiant yn dilyn. Y bylchau fertigol rhwng adrannau yw 64-96px. Y lled cynnwys uchaf yw ~1200px wedi'i ganoli, gyda'r brif elfen a'r streipen dywyll yn rhychwantu lled llawn y porth gwylio. Mae'r llywio yn bennawd sefydlog sengl gyda chefndir aneglur; dim bar ochr, dim dewislen mega. Mae'r troedyn yn dudalen byrgwnd lled llawn gyda chynllun aml-golofn o ddolenni. Y rhythm cyffredinol yw: prif ffrâm → cynnwys gwyn/hufen tawel → streipen dywyll gyda'r brif ddelwedd → graddiant atmosfferig → troedyn byrgwnd, streipiau golau a thywyll bob yn ail i greu tempo golygyddol.
Y prif elfen weledol yw ffotograffiaeth sinematig: mae portread lled llawn yn erbyn awyr agored yn gwasanaethu fel y pwynt ffocal, gydag ail streipen atmosfferig wedi'i lleoli yn is i lawr y dudalen. Mae'r ddelwedd wedi'i thônio'n gynnes, wedi'i thawelu'n gynnil, ac wedi'i ffilmio mewn proffil, gan atgoffa rhywun o awr euraidd, gan greu teimlad mwy golygyddol nag un gorfforaethol. Mae streipen dywyll gyda phetryalau geometrig tryloyw ac arysgrifau wedi'u hysgrifennu â llaw wedi'i gosod dros ffotograff o ddyn wedi'i golli mewn meddwl - collage o arwynebau yn hytrach nag un ddelwedd. Cyflwynir y rhyngwyneb defnyddiwr fel cardiau gwydr arnofiol wedi'u gosod yn uniongyrchol ar y ffotograff, yn hytrach nag fel sgrinluniau ar wahân. Nid oes unrhyw ddarluniau stoc, dim rendradau 3D, a dim ffurfiau addurniadol haniaethol, ac eithrio'r streipen atmosfferig graddiant. Mae'r eiconau yn eiconau llinell monocrom minimalist, ~16-20px o led, gydag un lled yn cyfateb i bwysau testun 460 pwynt.
Palet
Brand
- Midnight Wine
#421d24— Mae'r prif fotymau gweithredu, y faner hysbyseb, a'r droedyn yn lliw byrgwnd cynnes, bron yn ddu, sy'n teimlo'n fwy fel inc na choch, gan angori'r palet lliw heb fod yn llethol. - Royal Violet
#714cb6— Defnyddir porffor i amlygu dolenni, tagiau ac ymadroddion byr. Ni ddylid ei ddefnyddio fel y prif liw ar gyfer galwadau i weithredu.
Niwtral
- Lilac Mist
#d4c7ff— Mae gan y llenwad arwyneb eilaidd, yr eiconau golau, a chefndiroedd y botwm ysbrydion i gyd liw porffor tawel sy'n awgrymu arddull y brand heb dynnu sylw gormodol ato'i hun. - Deep Lagoon
#0c4243— Y cefndir tywyll ar gyfer y stribed, a ddefnyddir fel y prif elfen naratif, yw'r unig arwyneb tywyll yn y system, ynghyd â phatrwm geometrig wedi'i orchuddio. - Warm Parchment
#f2f0eb— Arwyneb gwaith y dudalen yw'r elfen drechaf; mae lliw hufen cynnes yn disodli gwyn fel y sylfaen, gan roi cynhesrwydd golygyddol i'r system gyfan. - Soft Mist
#e3e3e2— Ffiniau main, amlinelliadau cardiau, llinellau rhannu—llwyd cynnes, golau sy'n cyfuno â'r memrwn ond yn diffinio'r ymylon yn glir. - Ink Charcoal
#292827— Testun corff, penawdau, amlinelliadau eiconau - lliw cynnes, bron yn ddu gyda digon o frown i deimlo fel inc ar bapur, byth yn oer #000 - Stone Gray
#666666— Copi corff eilaidd, testunau ategol, disgrifiadau disylw - un llwyd canolig, a ddefnyddir yn gynnil fel na fydd byth yn cystadlu â'r prif destun.
Teipograffeg
o 12 i 64px · 8 cam
- Super Sans VF — amnewid: Inter (closest open equivalent for variable weight range) · amlinelliadau 460, 500, 540, 600, 700 · Un ffont yn y system gyfan. Mae newidynnau echelin yn cwmpasu'r ystod o 460 (ffont llofnod, wedi'i docio ychydig ar gyfer pob testun pennawd mawr) i 540 (testun corff wedi'i bwysleisio) a 700 (capsiynau bach, beiddgar). Mae VF wedi'i gynllunio'n arbennig yn gwneud i benawdau pwysau 460 ymddangos yn fwy bwriadol nag yn ddi-drefn—ar 48-64px gyda bylchau tynn rhwng llythrennau, mae'r effaith "wedi'i docio ychydig" yn cael ei gweld fel un hyderus yn hytrach na thenau.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 8px |
| Radiws botwm | 16px |
| Radiws y cerdyn | 16px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 64-96px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Superhuman 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
- AI for Business — Ystafell arddangos olygyddol greulon mewn arlliwiau llwyd cynnes
- Jeton — Erthygl olygyddol am fintech ar farmor cynnes
- Airtable — Seminar cyfforddus gyda phenodau wedi'u marcio mewn gwahanol liwiau
- Osmo — Amgueddfa'r Datblygwyr ar Goncrit Llwyd
- Linktr — Mae posteri golygyddol wedi'u pentyrru fel losin. Mae'r wefan wedi'i chynllunio mewn blociau lliw, gyda phenawdau gwyrdd llachar wedi'u gosod yn erbyn waliau glas cobalt, ac elfennau llywio siâp pilsen gwyn yn arnofio uwchben caeau byrgwnd.
- Outsource Consultants — Dalen bensaernïol fformat mawr ar bapur asgwrn. Esthetig monograffig, lle mae un darn llachar o indigo yn torri ar draws y grid cynnes, teipograffig uchafswm fel arall.
- Streamtime — Bwrdd Hwyliau Creadigol Cyffyrddol - Bwrdd Sgrapio Dylunydd
- Switch-Lit — Grid golygyddol wedi'i argraffu mewn inc ar bapur hufen
- HubSpot — Lliw papur hufen cynnes gydag un acen oren. Mae HubSpot yn debyg i gylchgrawn dylunydd wedi'i argraffu ar bapur trwm—penawdau serif, tudalennau hufen cynnes, ac un acen oren danbaid yn tynnu sylw at y pwyntiau pwysicaf yn unig.
- Granola — Nodiadau maes ar femrwn cynnes—Mae Granola yn darllen fel llyfr nodiadau Moleskine hen ffasiwn wedi'i agor ar ddesg heulog: mae penawdau serif yn rhoi ymdeimlad o gadernid, acenion gwyrdd organig fel inc planhigion, a llinellau mân yn ymylon y cardiau sy'n debyg i nodiadau wedi'u hysgrifennu â llaw.
- Secure — Mae sgwrs mewn caffi Ewropeaidd yng ngolau dydd meddal yn ddull cynnes a chwaethus o alwadau fideo, lle mae penawdau serif yn darllen fel erthygl feddylgar mewn cylchgrawn yn hytrach na thudalen cynnyrch technoleg.
- Mockups made easy — Stiwdio dylunio golygyddol ar bapur gwyn