Framer
oriel neon yn y gwagle
Mae Framer yn gweithredu fel tywyllwch bron yn llwyr—cynfas du lle mae cynnwys yn hofran fel arwydd neon mewn agoriad oriel. Mae penawdau, wedi'u gosod yn GT Walsheim Medium gyda bylchau llinell tynn o 0.8–1.1 a bylchau llythrennau negyddol ymosodol (-0.04em ar 54px), yn creu ffont addurniadol cryno sy'n gwthio ymlaen yn hytrach na gorwedd yn daclus ar y dudalen. Mae glas trydan sengl (#0099ff) yn darparu'r holl acenion swyddogaethol—ffiniau, llewyrch, eiconau, cyflyrau gweithredol—tra bod gweddill y rhyngwyneb yn parhau i fod yn acromatig, gan ddibynnu ar drawsnewidiadau llwyd cynnil (#111, #171717, #242424) i greu dyfnder o ddu pur. Mae cydrannau'n teimlo'n ystyriol yn hytrach nag yn addurniadol: radii crwn o 8–25px, ffiniau tenau 1px, cysgodion gollwng lleiaf, ac arwynebau tryloyw sy'n caniatáu i'r gwagle ddisgleirio drwodd.
Mae adrannau lled llawn yn ymestyn y tu hwnt i'r cynfas du, gyda chynnwys wedi'i gyfyngu i led mwyaf o ~1200px ac wedi'i ganoli y tu mewn. Mae'r prif adran yn cynnwys pennawd wedi'i alinio i'r chwith ac un botwm galwad-i-weithredu (CTA), gyda'r ochr dde wedi'i gadael yn wag yn fwriadol—yn anghymesur, heb ei ganoli. Mae adrannau'n newid rhwng cynlluniau testun yn unig (pennawd mawr + is-destun) a sgrinluniau cynnyrch. Mae'r adran "Comes with Framer" yn defnyddio wal logo mewn grid 4 colofn. Yn yr adran gymunedol, mae sgrinlun cynnyrch wedi'i osod o fewn cynhwysydd canolog, lled llawn gyda chorneli crwn. Mae llywio'n finimalaidd—bar uchaf tenau gyda'r logo ar y chwith a dolenni wedi'u halinio i'r dde, heb unrhyw reolaethau gweladwy. Rhythm yr adran: bylchau fertigol sylweddol o 80px rhwng adrannau, gan greu ynysoedd penodol o gynnwys yn arnofio yn y gwagle.
Mae sgrinluniau o ryngwyneb defnyddiwr y cynnyrch yn dominyddu—wedi'u fframio gan ffenestr debyg i gromiwm gyda dotiau goleuadau traffig, sgrinluniau mewnosodedig o'r ap yw'r brif ddelwedd. Cyflwynir logos, sy'n gwasanaethu fel prawf o ansawdd, mewn llythrennau gwyn ar gefndir du gyda bylchau eang. Ni ddefnyddir unrhyw ffotograffau, darluniau na graffeg haniaethol—yr iaith weledol yw'r cynnyrch ei hun, wedi'i arddangos fel rhyngwyneb byw. Arddull eicon: minimalist, wedi'i amlinellu, monocrom a gwyn mewn meintiau bach. Dwysedd testun: testun yn bennaf, gyda darnau mawr achlysurol ar ffurf sgrinluniau cynnyrch. Mae cydbwysedd gweledol y gofod yn amlwg yn ffafrio teipograffeg dros ddelweddau.
Palet
Brand
- Vivid Violet
#0066ff— Y botwm gweithredu cynradd yw'r unig le yn y rhyngwyneb lle mae cefndir botwm lliw solet yn cael ei arddangos.
Niwtral
- Bone
#ffffff— Prif benawdau, prif destun ar gefndir tywyll, cefndir botwm yw'r unig ffynhonnell golau. - Void
#000000— Cynfas y dudalen, cefndir llywio, arwynebau'r cardiau, llenwad yr eiconau—mae'r cyfan yn lliw du diddiwedd sy'n amsugno'r holl gynnwys diangen. - Graphite
#111111— Mae arwynebau cardiau uchel gam uwchben y gwagle—cardiau mawr, swyddogaethol a chynwysyddion moddol. - Obsidian
#171717— Arwyneb canolradd ar gyfer botymau, cardiau ychwanegol, llenwadau UI - yn gwahanu elfennau rhyngweithiol o'r cynfas. - Slate
#242424— Wrth hofran, mae'r meysydd mewnbwn a'r paneli wedi'u mewnoli yn y cysgod niwtral mwyaf disglair cyn newid i fformat testun. - Ash
#333333— Llenwi dwfn ar gyfer delweddau cefndir ac elfennau strwythurol anactif.
Teipograffeg
o 12 i 68px · 8 cam
- sans-serif — amnewid: Inter · amlinelliadau 400 · sans-serif - wedi'i ganfod yn y data a echdynnwyd ond heb ei ddisgrifio gan y deallusrwydd artiffisial.
- GT Walsheim — amnewid: Inter Tight · amlinelliadau 500 · Ffont y brand yw'r ffont ar gyfer penawdau a theitlau. Mae wedi'i gyddwyso'n ymosodol, gyda bylchau llinell o 0.8–1.1 a bylchau llythrennau o -0.04em i -0.05em yn yr ystod 44–68px. Nid yw'n elfen addurniadol; mae cynhesrwydd geometrig GT Walsheim, ynghyd â metrigau llym, yn creu llais y system—hyderus, cryno, ac ychydig yn ffwturistig. Am fynegiant geometrig tebyg, ystyriwch Inter Tight neu Space Grotesk Bold.
- Inter Variable — amnewid: Inter · amlinelliadau 400 · Y prif destun, y llywio, a'r penawdau eilaidd yw'r prif beth sy'n gyfrifol. Mae'r echelin Rhyng-Newidyn yn caniatáu rhyngosodiad llyfn o bwysau. Mae olrhain yn culhau wrth i'r maint gynyddu: o -0.001em i 18px ac i -0.027em i 22px. Mae'r fersiwn amrywiol yn caniatáu micro-animeidiadau llyfn o'r wefan. Amnewidiad: Rhyng ( Google) – dewis wrth gefn bron yn union yr un fath.
Cyfnodau a ffurf
| Diben | Ystyr |
|---|---|
| Dwysedd | cyfartaledd |
| Cam sylfaenol | 10px |
| Radiws botwm | 9999px |
| Radiws y cerdyn | 20px |
| Cysgodion | dim ffiniau yn lle cysgodion |
| Rhwng adrannau | 80px |
| Lled y dudalen | 1200px |
Bydd AI yn adeiladu eich gwefan yn null Framer 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
- Auros — Terfynell affwysol gyda pheli data bioluminescent
- Origin Financial — Oriel hanner nos o foethusrwydd tawel. Ystafell dawel, bron yn dywyll lle mae ffontiau serif mawr ac ychydig o baneli lliw wedi'u goleuo yn creu'r teimlad bod cyllid yn waith celf wedi'i guradu'n ofalus.
- Raycast — Canolfan Reoli Hanner Nos, Coral Neon
- Dimension — gweithfan sydd wedi'i goleuo wrth y cyfnos gyda phaneli gwydr barugog
- Reflect Notes — Mae gofod fioled serennog yn arsyllfa dywyll lle mae nodiadau'n arnofio fel cytserau yn erbyn cefndir o wagder indigo bron yn ddu.
- Ameba — Yr ystafell reoli am hanner nos – pwls glas trydan y tu mewn i baneli gwydr barugog
- Branding — Wal oriel ddu, acenion coch gwaed - Mae ffontiau gwyn mawr yn arnofio ar gynfas tywyll sy'n debyg i wagle, wedi'i dorri gan un acen goch llachar ac elfennau addurnol trawiadol sy'n edrych yn debycach i arwyddion oriel nag i ryngwyneb gwe.
- Harness — Rheoli Cenhadaeth am hanner nos gydag acenion gwyrdd ffosfforescent
- Koto — Oriel Obsidian am hanner nos. Llwyfan bron yn dywyll fel pigfain, lle mae'r unig ffynhonnell golau cynnes yn un marciwr melyn, ac mae teip cyddwys yn arnofio yn y gofod negyddol helaeth fel posteri arddangosfa.
- Ohzi — Ciwb tywynnol wedi'i hongian mewn oriel dywyll
- Depot — Terfynell gweinydd dywyll. Consol datblygwr bron yn ddu, gydag un LED gwyrdd yn dynodi dechrau'r gwaith, a gweddill y rhyngwyneb defnyddiwr wedi'i arddangos mewn graffit.
- Maciej Zadykowicz — Mae Oriel Hanner Nos gyda'i murlun caleidosgopig yn wal stiwdio bron yn ddu lle mae un darn o gelf teipograffig bywiog, lliwgar yn denu sylw tra bod popeth arall yn aros yn dawel ac yn fwriadol.