Figma
siasi monocrom ar gyfer anhrefn cromatig
Mae'r rhyngwyneb yn gweithredu fel cynhwysydd strwythurol llym, cyferbyniad uchel, gan roi goruchafiaeth weledol lwyr i gynnwys a gynhyrchir gan ddefnyddwyr. Y llinell sylfaen yw palet llym o #000000 i #ffffff, sy'n osgoi arlliwiau cynnil o lwyd o blaid cyferbyniad mwyaf absoliwt ar gyfer ffiniau cynradd a thestun. Mae hierarchaeth deipograffig wedi'i seilio bron yn gyfan gwbl ar faint a bylchau llythrennau negyddol ymosodol yn hytrach nag amrywiadau lliw, gan drawsnewid llinellau mawr o destun yn flociau graffig trwchus. Mae rhesymeg radiws y ffin yn creu deuoliaeth llym: mae'r "ewinedd" allanol 50px ar gyfer elfennau llywio byd-eang yn cyferbynnu'n fwriadol â chorneli llym 0px y cynwysyddion cynnwys.
Mae cyfansoddiadau wedi'u seilio ar ffiniau lled uchaf eithafol (uchafswm o 1440px) sy'n canoli'r porth gwylio ac yn cynnwys clystyrau dwys o gynnwys wedi'u gwahanu gan ofod macro hael (96-120px o ofod gwyn rhwng adrannau). Mae'r archeteip "arwr" yn aml yn defnyddio oriel anghymesur o ddelweddau wedi'u hangori'n ddeinamig o dan floc UI arnofiol, wedi'i ganoli'n berffaith. O dan y plyg, mae gwybodaeth yn cydymffurfio ar unwaith â grid pedair colofn llym heb unrhyw ymylon, gan fframio clystyrau ailadroddus o gardiau, gan wneud y mwyaf o ddwysedd gwrthrych wrth ddileu ymylon o'r ffrâm.
Mae'r dyluniad gweledol yn seiliedig ar ganlyniadau sy'n canolbwyntio ar y defnyddiwr. Mae delweddau'n cael eu harddangos fel sgwariau gwastad, di-ffrâm neu ddarnau gwasgaredig, sy'n gorgyffwrdd, sy'n atgoffa rhywun o wrthrychau ffisegol, yn erbyn cefndir llwm, gwag. Delweddau yw'r unig ffynhonnell lliw ar y wefan. Nid oes unrhyw elfennau ffotograffiaeth ffordd o fyw na darluniau corfforaethol safonol—mae pob elfen graffig yn giplun manwl gywir, llythrennol o gynfas digidol, gan weithredu ar yr un pryd fel prawf cynnyrch ac elfen esthetig sylfaenol.
Palet
Brand
- Context Action Violet
#4d49fc— Galwad i weithredu sylfaenol leoledig o fewn is-baneli - mae un lliw ymyrrol yn diffinio'r pwynt ffocal.
Niwtral
- Absolute Canvas
#ffffff— Cefndir tudalen, bariau offer arnofiol, sylfeini paneli uchel. - Structural Ink
#000000— Ffont sylfaenol, cefndir botwm solet, amlinelliadau botwm. - Graphite Metadata
#595959— Testun awdurol eilaidd, is-destun lleol, gwerthoedd llefydd - Boundary Frame
#e2e2e2— Gwahanyddion cynnil a ffiniau meysydd mewnbwn anactif. - Angular Teal
#33dfdf— Effeithiau addurniadol, dangosyddion llwytho a delweddu cyrchwr gweithredol.
Teipograffeg
o 12 i 72px · 6 cham
- figmaSans — amnewid: Inter · amlinelliadau 320, 330, 340, 400, 450, 480, 520, 700 · Offeryn cyffredinol sy'n rheoli popeth o deitlau arddangos i labeli llywio. Mae'n creu golwg unigryw trwy addasu olrhain negatif optegol.
- figmaMono — amnewid: JetBrains Mono · amlinelliadau 400 · Microtagiau, olrhain cyfesurynnau, ac awgrym technegol sy'n gweithredu'n fwy fel elfennau rhyngwyneb defnyddiwr nag fel cynnwys.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | dwys |
| Cam sylfaenol | 24px |
| Radiws botwm | 8px |
| Radiws y cerdyn | 12px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 96-120px |
| Lled y dudalen | 1440px |
Bydd AI yn adeiladu eich gwefan yn null Figma 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
- Caldera — Tân ffug ar galchfaen cynnes. Plastr amrwd, cynnes yw'r cynfas, ac mae pob elfen oren yn edrych fel marwor mudlosgi wedi'i wasgu i'r wyneb.
- Vercel — Terfynell wedi'i hargraffu ar bapur gwyn
- Dylanbrouwer — Ffowndri brutalist wrth fachlud haul
- 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
- (dot)connect — Lluniad peirianneg o'r Swistir gydag un darn o siarcol
- Together AI — Consol ymchwil ar bapur rhewlifol
- Vivid+Co — golau prismatig trwy obsidian
- Sequel — Dangosiad preifat ar ôl tywyllu yw'r unig olau cynnes mewn sinema dywyll fel arall.
- 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.
- ThoughtLab — Heneb obsidian gyda signal crimson. Cynfas o wagder du, lle mae'r unig wrthrych coch dirlawn yn yr eglwys gadeiriol, wedi'i argraffu mewn llythrennau gwyn mawr, yn ffigur cromatig sengl.
- Dovetail — Glasbrint o dan leuad ddu—llinellau graff prin yn weladwy, ffont gwyn, un disgleirdeb porffor