Vercel
Terfynell wedi'i hargraffu ar bapur gwyn
Mae system ddylunio Vercel yn ymarfer mewn monocrom disgybledig: cynfas bron yn wyn (#fafafa), teip du, ffiniau tenau, ac absenoldeb llwyr o liw addurniadol. Mae'r iaith weledol yn dwyn i gof derfynell datblygwr wedi'i rendro mewn print—prin y gellir darllen Geist Sans ar y raddfa "arwrol" gyda phwysau o 400-450 a bylchau llythrennau o -0.06em, tra bod Geist Mono yn defnyddio labeli, metadata, a samplau cod mewn capiau 11-13px. Mae botymau yn radii miniog 6px neu'n betryalau o ddu pur ar wyn neu wyn ar ddu. Mae'r system yn dibynnu ar gyferbyniad a hierarchaeth deipograffig yn hytrach na lliw, gan ddefnyddio'r arwydd trionglog (▲) a marc gair dwy linell fel yr unig elfennau brandio. Mae arwynebau wedi'u pentyrru ar ben ei gilydd yn y drefn #fafafa → #ebebeb → #171717, gan greu dyfnder trwy newid gwerthoedd tonal yn hytrach na chysgod neu liw. Mae pob elfen wedi'i hadeiladu ar grid 4px gyda dwysedd cryno, gan arwain at ryngwyneb sy'n atgoffa rhywun o lyfr nodiadau peiriannydd—yn fanwl gywir, yn ymarferol, a heb ofni gofod gwyn.
Mae'r cynhwysydd yn 1280px o led, wedi'i ganoli, gyda phadio llorweddol hael (24-48px). Mae'r prif floc yn defnyddio cyfansoddiad anghymesur tair parth: pennawd mawr ar y chwith, glyff brand wedi'i ganoli, a bloc "aeliau" ar y dde. O dan y prif floc, mae'r cynnwys wedi'i drefnu mewn streipiau bob yn ail: streipen lled llawn gyda logo'r cleient, ac yna adran "Crewyr Asiant" dwy golofn gyda'r pennawd ar y chwith a chynllun cynnyrch ar y dde, ac yna grid o dri cherdyn gyda nodweddion. Mae adrannau wedi'u gwahanu gan gwteri fertigol o 96-128px heb ranwyr na gwrthbwysau cefndir. Mae'r llywio yn banel sefydlog sengl 64px gyda chefndir aneglur. Mae gridiau cardiau yn gyson yn defnyddio cynllun dwy neu dair colofn gyda gwteri 16-24px. Mae'r dwysedd cyffredinol yn gryno—mae'r testun yn hawdd ei ddarllen, mae digon o le gwyn, ond mae maint y ffont a meintiau'r cydrannau yn atal y dudalen rhag teimlo'n awyrog.
Mae'r delweddau'n brin ac yn ymarferol bob amser. Y prif elfen weledol yw'r triongl du (▲)—nod brand geometrig sy'n ymddangos fel silwét sy'n hofran ar y raddfa "brifddinas". Mae logos cleientiaid ar y stribed prawf-o-gysyniad yn defnyddio nodau geiriau gwirioneddol pob brand mewn graddlwyd. Mae modelau cynnyrch (rhyngwyneb sgwrsio Notion, allbwn terfynell CLI, cerdyn pasbort) wedi'u hymgorffori fel sgrinluniau modd golau o fewn cardiau wedi'u fframio. Nid oes unrhyw ffotograffau, darluniau nac elfennau 3D—teipograffeg a siapiau geometrig pur ar bapur gwyn yw'r system.
Palet
Niwtral
- Obsidian
#171717— Mae prif benawdau, ffiniau llywio, llenwad botwm tywyll, a marcwyr rhestr i gyd bron yn ddu, gan osgoi llymder a dirlawnder llachar. - Paper White
#fafafa— Cynfas y dudalen, arwynebau'r cerdyn, llenwadau golau'r botymau—dyma'r cefndir safonol y mae popeth arall wedi'i leoli arno. - Pure White
#ffffff— Arwynebau cardiau wedi'u codi, mewnosodiadau, meysydd mewnbwn. - Hairline
#ebebeb— Mae ffiniau 1px ar fotymau, dolenni a chardiau yn weladwy ar lefelau chwyddo uchel, ond yn anweledig ar lefelau chwyddo isel. - Ash
#c9c9c9— Testun analluog, labeli wedi'u tawelu, dyfrnodau enw brand mewn logos cleientiaid. - Smoke
#a8a8a8— Testun eilaidd, testun llefydd, llenwad eicon cynnil.
Teipograffeg
o 11 i 64px · 6 cam
- Geist Sans — amnewid: Inter · amlinelliadau 400, 450, 500 · Y prif ffont ar gyfer y rhyngwyneb a'r penawdau yw sans-serif geometrig wedi'i gynllunio'n arbennig gan Vercel gyda bylchau tynn rhwng llythrennau mewn meintiau mawr (-0.06em ar 56-64px, -0.05em ar 30px). Ar gyfer y penawdau ar frig y dudalen, dewiswyd pwysau o 450: yn fwy trwchus na Ysgafn ond yn ysgafnach na Lled-Drwm, gan greu tôn hyderus, ond nid gormesol.
- Geist Mono — amnewid: JetBrains Mono · amlinelliadau 400, 500, 600 · Ffont eilaidd un-gofod ar gyfer capsiynau, blociau cod, paneli allbwn CLI, metadata, a thestun priflythrennau. Mae'r cyfuniad 8px/600px/priflythrennau yn caniatáu gosod marciau geiriau bach yn fanwl gywir. Mae bylchau llythrennau eang (0.071em) yn y fersiwn un-gofod yn darparu digon o le ar gyfer testun priflythrennau.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 12px |
| Radiws botwm | 6px |
| Radiws y cerdyn | 6px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 96-128px |
| Lled y dudalen | 1280px |
Bydd AI yn adeiladu eich gwefan yn null Vercel 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
- Headspace — Cornel lles heulog ar bapur cynnes
- WHOOP — Labordy perfformio am hanner nos - byrddau labordy clinigol gwyn o dan wagle theatrig du, un pwls porffor o drydan
- Together AI — Consol ymchwil ar bapur rhewlifol
- v0 by Vercel — Lluniadu troelli. Mae cywirdeb a swyddogaeth yn hollbwysig, gyda phob elfen yn cyflawni pwrpas clir ar arwyneb glân, perffaith yn dechnegol.
- Dovetail — Glasbrint o dan leuad ddu—llinellau graff prin yn weladwy, ffont gwyn, un disgleirdeb porffor
- Glideapps — bwrdd drafftio monocrom gydag un disgleirdeb turquoise trydan
- Timescale — Lluniad peirianneg ar bapur graff cynnes
- UGLYCASH — Mae llyfr nodiadau wedi'i orchuddio â sticeri ar bapur lliw hufen yn allyrru awyrgylch fintech beiddgar, uchafswm sy'n arddangos ei anhrefn yn falch.
- Sprout Social — Eginyn gwyrdd ar lechen ddu. Un acen llachar ar gynfas monocrom llym, y defnyddir ei liw ar gyfer gweithredu yn unig, gyda ffont geometrig hyderus yn gwasanaethu fel arwyddion.
- Krea — oriel noir am hanner nos
- Evergreen — Tŷ gwydr solar ar bapur lliain
- Factory — Terfynfa'r "ystafell ryfel" am hanner nos. Panel rheoli du llwm yw'r "ffatri" lle mae un cerdyn gwyn yn glanio fel anfoneb wedi'i goleuo gan fflachlamp—yr unig wrthrych yn yr ystafell yw'r gwaith ei hun.