Framer
neona galerio en la malpleno
Kadrilo funkcias kiel preskaŭ totala mallumo — nigra kanvaso kie enhavo ŝvebas kiel neona ŝildo ĉe galerio-malfermo. Titoloj, metitaj en GT Walsheim Medium kun mallarĝa liniinterspaco de 0,8–1,1 kaj agresema negativa literinterspaco (-0,04em je 54px), kreas densigitan, ornaman tiparon, kiu antaŭenpuŝiĝas anstataŭ sidi ordigite sur la paĝo. Ununura elektra bluo (#0099ff) provizas ĉiujn funkciajn akcentojn — borderojn, brilon, ikonojn, aktivajn statojn — dum la resto de la interfaco restas akromata, fidante je subtilaj grizaj transiroj (#111, #171717, #242424) por krei profundon el pura nigra. Komponantoj ŝajnas pripensitaj anstataŭ ornamaj: rondetaj radiusoj de 8–25px, maldikaj 1px-borderoj, minimumaj faligitaj ombroj, kaj travideblaj surfacoj, kiuj permesas al la malpleno brili tra.
Plenlarĝaj sekcioj etendiĝas preter la nigra kanvaso, kun enhavo limigita al maksimuma larĝo de ~1200 rastrumeroj kaj centrita interne. La ĉefa sekcio havas maldekstre vicigitan titolon kaj unuopan butonon por alvoko al ago (CTA), kun la dekstra flanko intence lasita malplena - nesimetrie, ne centrita. Sekcioj alternas inter nur-tekstaj aranĝoj (granda titolo + subteksto) kaj produktaj ekrankopioj. La sekcio "Venas kun kadro" uzas logomuron en 4-kolumna krado. En la komunuma sekcio, produkta ekrankopio estas metita ene de centrita, plenlarĝa ujo kun rondetaj anguloj. Navigado estas minimuma - maldika supra stango kun la emblemo maldekstre kaj ligiloj vicigitaj dekstre, sen videblaj kontroloj. Ritmo de la sekcio: signifaj 80 rastrumeroj da vertikalaj breĉoj inter sekcioj, kreante apartajn insulojn de enhavo flosantaj en la malpleno.
Ekrankopioj de la uzanto-interfaco de la produkto dominas - enkadrigitaj de kromeca fenestro kun trafiklumaj punktoj, enigitaj ekrankopioj de la aplikaĵo fariĝas la ĉefa bildo. Logotipoj, servantaj kiel pruvo de kvalito, estas prezentitaj per blankaj literoj sur nigra fono kun larĝa interspaco. Neniuj fotoj, ilustraĵoj aŭ abstraktaj grafikaĵoj estas uzataj - la vida lingvo estas la produkto mem, montrata kiel vivanta interfaco. Ikonstilo: minimalista, skizita, monokroma kaj blanka en malgrandaj grandecoj. Teksta denseco: ĉefe teksto, kun fojaj grandaj fragmentoj en la formo de produktaj ekrankopioj. La vida ekvilibro de spaco klare favoras tipografion super bildoj.
Paletro
Marko
- Vivid Violet
#0066ff— La ĉefa agobutono estas la sola loko en la interfaco, kie montriĝas unuforma kolora butonfono.
Neŭtrala
- Bone
#ffffff— Ĉefaj titoloj, ĉefa teksto sur malhela fono, butona fono estas la sola lumfonto. - Void
#000000— La paĝkanvaso, la navigada fono, la kartsurfacoj, la piktogramplenigo — ĉio estas senfina nigra koloro, kiu sorbas ĉian neesencan enhavon. - Graphite
#111111— Ŝvelintaj kartsurfacoj estas paŝo super la malpleno — grandaj, funkciaj kartoj kaj modalaj ujoj. - Obsidian
#171717— Meza surfaco por butonoj, aldonaj kartoj, UI-plenigoj - apartigas interagajn elementojn de la kanvaso. - Slate
#242424— Ŝvebante, enigaĵaj kampoj kaj indentitaj paneloj estas la plej hela neŭtrala nuanco antaŭ ŝanĝo al teksta formato. - Ash
#333333— Profunda plenigo por neaktivaj fonbildoj kaj strukturaj elementoj.
Tipografio
de 12 ĝis 68 rastrumeroj · 8 paŝoj
- sans-serif — anstataŭaĵo: Inter · konturoj 400 · sans-serifo - trovebla en la ĉerpitaj datumoj sed ne priskribita de la artefarita inteligenteco.
- GT Walsheim — anstataŭaĵo: Inter Tight · konturoj 500 · La tiparo por titoloj kaj titoloj estas la markotiparo. Ĝi estas agreseme densigita, kun liniinterspaco de 0,8–1,1 kaj literinterspaco de -0,04em ĝis -0,05em en la intervalo de 44–68 rastrumeroj. Ĝi ne estas ornama elemento; la geometria varmeco de GT Walsheim, kombinita kun striktaj metrikoj, kreas la voĉon de la sistemo - memfida, kompakta kaj iomete futureca. Por simila geometria esprimo, konsideru Inter Tight aŭ Space Grotesk Bold.
- Inter Variable — anstataŭaĵo: Inter · konturoj 400 · La ĉefa teksto, navigado, kaj duarangaj titoloj estas la ĉefa forto. La Inter Variabla akso ebligas glatan interpoladon de pezoj. Spurado mallarĝiĝas kiam la grandeco pliiĝas: de -0.001em ĝis 18px kaj de -0.027em ĝis 22px. La variabla versio ebligas glatajn mikro-animaciojn de la retejo. Anstataŭaĵo: Inter ( Google) - preskaŭ identa rezervaĵo.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | averaĝa |
| Baza paŝo | 10px |
| Butona radiuso | 9999px |
| Karto-radiuso | 20px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 80px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Framer kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Auros — Abisala terminalo kun biolumineskaj datenpilkoj
- Origin Financial — Noktomeza galerio de kvieta lukso. Kvieta, preskaŭ malluma ĉambro, kie grandaj serifaj tiparoj kaj kelkaj lumigitaj koloraj paneloj kreas la senton, ke financo estas zorge elektita artaĵo.
- Raycast — Noktomeza Komandcentro, Koralruĝa Neono
- Dimension — krepusk-lumigita laborejo kun pruvitraj paneloj
- Reflect Notes — Stelplena viola spaco estas malhela observejo, kie notoj ŝvebas kiel konstelacioj kontraŭ fono de preskaŭ nigra indiga malpleneco.
- Ameba — La direktejo je noktomezo - elektra blua pulso ene de frostvitraj paneloj
- Branding — Nigra galerio-muro, sangoruĝaj akcentoj - Grandaj blankaj tiparoj ŝvebas sur malhela kanvaso, kiu similas malplenon, interrompita de ununura helruĝa akcento kaj frapaj dekoraciaj elementoj, kiuj aspektas pli kiel galeriaj ŝildoj ol retpaĝaro.
- Harness — Misikontrolo je noktomezo kun fosforeskaj verdaj akcentoj
- Koto — La Obsidiana Galerio je noktomezo. Preskaŭ nigreca scenejo, kie la sola varma lumfonto estas ununura flava markilo, kaj densaj literoj flosas en la vasta negativa spaco kiel ekspoziciaj afiŝoj.
- Ohzi — Brilanta kubo pendanta en malhela galerio
- Depot — Malhela servila terminalo. Preskaŭ nigra programista konzolo, kun ununura verda LED signalanta la komencon de laboro, kaj la resto de la uzantinterfaco montrata en grafito.
- Maciej Zadykowicz — La Noktomeza Galerio kun sia kalejdoskopa murpentraĵo estas preskaŭ nigra studia muro kie unu vigla, bunta tipografia artaĵo kaptas atenton dum ĉio alia restas kvieta kaj konscia.