Framer
neongalery yn 'e leechte
Framer wurket as hast totale tsjusterens - in swart doek dêr't ynhâld as in neonreklame by in iepening fan in galery sweeft. Koppen, ynsteld yn GT Walsheim Medium mei in krappe rigelôfstân fan 0.8-1.1 en agressive negative letterôfstân (-0.04em by 54px), meitsje in kondinsearre, dekorative lettertype dat nei foaren skoot ynstee fan kreas op 'e pagina te sitten. In inkele elektrysk blau (#0099ff) soarget foar alle funksjonele aksinten - rânen, gloed, ikoanen, aktive steaten - wylst de rest fan 'e ynterface achromatysk bliuwt, fertrout op subtile grize oergongen (#111, #171717, #242424) om djipte te meitsjen fan suver swart. Komponinten fiele beskôge ynstee fan dekoratyf: rûne radii fan 8-25px, tinne 1px rânen, minimale dripskaaden en trochsichtige oerflakken dy't de leechte trochskine litte.
Seksjes mei folsleine breedte geane fierder as it swarte doek, mei ynhâld beheind ta in maksimale breedte fan ~1200px en sintraal binnen. De haadseksje hat in lofts-ôfstimde koptekst en in inkele call-to-action (CTA) knop, wêrby't de rjochterkant mei opsetsin leech litten is - asymmetrysk, net sintraal. Seksjes wikselje ôf tusken allinich tekst-layouts (grutte koptekst + subtekst) en produkt-screenshots. De seksje "Comes with Framer" brûkt in logo-muorre yn in raster mei 4 kolommen. Yn 'e mienskipsseksje wurdt in produkt-screenshot pleatst yn in sintraal, folsleine breedte kontener mei rûne hoeken. Navigaasje is minimaal - in tinne boppeste balke mei it logo oan 'e lofterkant en keppelings rjochts ôfstimd, sûnder sichtbere kontrôles. Seksjeritme: wichtige 80px fertikale gatten tusken seksjes, wêrtroch ûnderskate eilannen fan ynhâld yn 'e leechte driuwe.
Skermôfbyldings fan 'e brûkersynterface fan it produkt dominearje - omliste troch in chrome-eftich finster mei ferkearsljochtstippen, wurde ynbêde skermôfbyldings fan 'e app de haadôfbylding. Logo's, dy't tsjinje as bewiis fan kwaliteit, wurde presintearre yn wite letters op in swarte eftergrûn mei brede ôfstân. Der wurde gjin foto's, yllustraasjes of abstrakte grafiken brûkt - de fisuele taal is it produkt sels, werjûn as in libbene ynterface. Ikoanstyl: minimalistysk, omrande, monochroom en wyt yn lytse formaten. Tekstichtens: foaral tekst, mei sa no en dan grutte fragminten yn 'e foarm fan produktskermôfbyldings. De fisuele lykwicht fan romte jout dúdlik de foarkar oan typografy boppe ôfbyldings.
Palet
Merk
- Vivid Violet
#0066ff— De primêre aksjeknop is it ienige plak yn 'e ynterface dêr't in effen kleurde knopeftergrûn werjûn wurdt.
Neutraal
- Bone
#ffffff— Haadkoppen, haadtekst op in donkere eftergrûn, knopeftergrûn is de ienige boarne fan ljocht. - Void
#000000— It sidedoek, de navigaasjeachtergrûn, de kaartoerflakken, de ikoanopfolling - allegear binne in einleaze swarte kleur dy't alle net-essensjele ynhâld absorbearret. - Graphite
#111111— Ferhege kaartoerflakken binne in stap boppe de leechte - grutte, funksjonele kaarten en modale konteners. - Obsidian
#171717— Tuskenoerflak foar knoppen, ekstra kaarten, UI-opfollingen - skiedt ynteraktive eleminten fan it kanvas. - Slate
#242424— As jo oer de mûs sweve, binne ynfierfjilden en ynspringde panielen de helderste neutrale skaad foardat se oerskeakelje nei tekstformaat. - Ash
#333333— Djippe opfoling foar ynaktive eftergrûnôfbyldings en strukturele eleminten.
Typografy
fan 12 oant 68px · 8 stappen
- sans-serif — ferfanging: Inter · sketsen 400 · sans-serif - fûn yn 'e ekstrahearre gegevens, mar net beskreaun troch de AI.
- GT Walsheim — ferfanging: Inter Tight · sketsen 500 · It lettertype foar kopteksten en titels is it merklettertype. It is agressyf komprimearre, mei rigelôfstân fan 0.8–1.1 en letterôfstân fan -0.04em oant -0.05em yn it berik fan 44–68px. It is gjin dekoratyf elemint; de geometryske waarmte fan GT Walsheim, kombineare mei strange metriken, makket de stim fan it systeem - selsbetrouwen, kompakt en wat futuristysk. Foar in ferlykbere geometryske útdrukking, beskôgje Inter Tight of Space Grotesk Bold.
- Inter Variable — ferfanging: Inter · sketsen 400 · De haadtekst, navigaasje en sekundêre kopteksten binne it wurkhynder. De Inter Variable-as makket soepele ynterpolaasje fan gewichten mooglik. Tracking wurdt smeller as de grutte tanimt: fan -0.001em nei 18px en fan -0.027em nei 22px. De fariabele ferzje makket soepele mikro-animaasjes fan 'e side mooglik. Ferfanging: Inter ( Google) - in praktysk identike fallback.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | trochsneed |
| Basisstap | 10px |
| Knopradius | 9999px |
| Kaartradius | 20px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 80px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Framer -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Auros — Abyssale terminal mei biolumineszinte databallen
- Origin Financial — In middernachtsgalery fan stille weelderigens. In stille, hast tsjustere keamer dêr't grutte serif-lettertypen en in pear ferljochte kleurige panielen it gefoel wekke dat finânsjes in soarchfâldich gearstald keunstwurk binne.
- Raycast — Middernacht Kommando Sintrum, Coral Neon
- Dimension — in wurkstasjon mei skimerljocht en matte glêzen panielen
- Reflect Notes — Stjerrefiolette romte is in tsjuster observatoarium dêr't noaten sweve as stjerrebylden tsjin in eftergrûn fan hast swarte indigo leechte.
- Ameba — De kontrôlekeamer om middernacht - in elektrysk blauwe puls yn matte glêzen panielen
- Branding — Swarte galerymuorre, bloedreade aksinten - Grutte wite lettertypen driuwe op in donker doek dat liket op in leechte, ûnderbrutsen troch in inkele helderreade aksint en opfallende dekorative eleminten dy't mear lykje op galerybuorden dan op in webinterface.
- Harness — Missykontrôle om middernacht mei fosforeszinte griene aksinten
- Koto — De Obsidian Gallery om middernacht. In hast piktswart poadium, dêr't de ienige waarme ljochtboarne in inkele giele marker is, en kondinsearre letters yn 'e grutte negative romte sweve lykas tentoanstellingsposters.
- Ohzi — In gloeiende kubus ophongen yn in tsjustere galery
- Depot — In tsjustere serverterminal. In hast swarte ûntwikkelderskonsole, mei in inkele griene LED dy't it begjin fan it wurk oanjout, en de rest fan 'e brûkersynterface werjûn yn grafyt.
- Maciej Zadykowicz — De Midnight Gallery mei syn kaleidoskopyske muorreskildering is in hast swarte studiomuorre dêr't ien libbendich, kleurryk typografysk keunstwurk de oandacht lûkt, wylst al it oare stil en bewust bliuwt.