Framer
neongalleri i tomrommet
Framer fungerer som et nesten totalt mørke – et svart lerret der innholdet svever som et neonskilt ved en galleriåpning. Overskrifter, satt i GT Walsheim Medium med tett linjeavstand på 0,8–1,1 og aggressiv negativ bokstavavstand (-0,04 em ved 54 piksler), skaper en kondensert, dekorativ skrifttype som skyver fremover i stedet for å sitte pent på siden. En enkelt elektrisk blåfarge (#0099ff) gir alle de funksjonelle aksentene – rammer, glød, ikoner, aktive tilstander – mens resten av grensesnittet forblir akromatisk, og er avhengig av subtile grå overganger (#111, #171717, #242424) for å skape dybde fra ren svart. Komponentene føles gjennomtenkte snarere enn dekorative: avrundede radier på 8–25 piksler, tynne 1 piksel rammer, minimale skyggeeffekter og gjennomskinnelige overflater som lar tomrommet skinne gjennom.
Seksjoner i full bredde strekker seg utover det svarte lerretet, med innhold begrenset til en maksimal bredde på ~1200 piksler og sentrert innenfor. Hovedseksjonen har en venstrejustert overskrift og en enkelt handlingsfremmende knapp (CTA), der høyre side med vilje er tom – asymmetrisk, ikke sentrert. Seksjoner veksler mellom tekstbaserte oppsett (stor overskrift + undertekst) og produktskjermbilder. «Leveres med ramme»-seksjonen bruker en logovegg i et rutenett med fire kolonner. I fellesskapsseksjonen plasseres et produktskjermbilde i en sentrert beholder i full bredde med avrundede hjørner. Navigasjonen er minimal – en tynn topplinje med logoen til venstre og lenker justert til høyre, uten synlige kontroller. Seksjonsrytme: betydelige vertikale mellomrom på 80 piksler mellom seksjoner, noe som skaper distinkte innholdsøyer som flyter i tomrommet.
Skjermbilder av produktets brukergrensesnitt dominerer – innrammet av et kromlignende vindu med trafikklysprikker, blir innebygde skjermbilder av appen hovedbildet. Logoer, som fungerer som bevis på kvalitet, presenteres med hvit skrift på svart bakgrunn med bred linjeavstand. Ingen fotografier, illustrasjoner eller abstrakt grafikk brukes – det visuelle språket er selve produktet, vist som et levende grensesnitt. Ikonstil: minimalistisk, konturert, monokrom og hvit i små størrelser. Teksttetthet: overveiende tekst, med sporadiske store fragmenter i form av produktskjermbilder. Den visuelle balansen i rommet favoriserer tydelig typografi fremfor bilder.
Palett
Merke
- Vivid Violet
#0066ff— Den primære handlingsknappen er det eneste stedet i grensesnittet der en heldekkende knappebakgrunn vises.
Nøytral
- Bone
#ffffff— Hovedoverskrifter, hovedtekst på mørk bakgrunn, knappebakgrunnen er den eneste lyskilden. - Void
#000000— Sidens lerret, navigasjonsbakgrunnen, kortoverflatene, ikonfyllet – alt er en endeløs svart farge som absorberer alt unødvendig innhold. - Graphite
#111111— Hevede kortflater er et skritt over tomrommet – store, funksjonelle kort og modale beholdere. - Obsidian
#171717— Mellomliggende overflate for knapper, ekstra kort, UI-fyll – skiller interaktive elementer fra lerretet. - Slate
#242424— Når du holder musepekeren over den, er inndatafelt og innrykkede paneler den lyseste nøytrale fargen før de bytter til tekstformat. - Ash
#333333— Dyp utfylling for inaktive bakgrunnsbilder og strukturelle elementer.
Typografi
fra 12 til 68 piksler · 8 trinn
- sans-serif — erstatning: Inter · omriss 400 · sans-serif – funnet i de utvunnede dataene, men ikke beskrevet av AI-en.
- GT Walsheim — erstatning: Inter Tight · omriss 500 · Skriften for overskrifter og titler er merkefonten. Den er aggressivt kondensert, med linjeavstand på 0,8–1,1 og bokstavavstand på -0,04em til -0,05em i området 44–68 piksler. Det er ikke et dekorativt element; den geometriske varmen til GT Walsheim, kombinert med strenge metrikker, skaper systemets stemme – selvsikker, kompakt og litt futuristisk. For et lignende geometrisk uttrykk kan du vurdere Inter Tight eller Space Grotesk Bold.
- Inter Variable — erstatning: Inter · omriss 400 · Hovedteksten, navigasjonen og de sekundære overskriftene er arbeidshesten. Inter Variable-aksen tillater jevn interpolering av vekter. Sporingen blir smalere etter hvert som størrelsen øker: fra -0,001 em til 18 piksler og fra -0,027 em til 22 piksler. Variabelversjonen tillater jevne mikroanimasjoner av nettstedet. Erstatning: Inter ( Google) – en tilnærmet identisk reserve.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | gjennomsnittlig |
| Grunnleggende trinn | 10px |
| Knapperadius | 9999px |
| Kortradius | 20px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 80px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Framer -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Auros — Abyssal terminal med bioluminescerende datakuler
- Origin Financial — Et midnattsgalleri med stille overdådighet. Et stille, nesten mørkt rom hvor store serif-fonter og noen få opplyste fargede paneler skaper følelsen av at finans er et nøye kuratert kunstverk.
- Raycast — Midnattskommandosenter, Coral Neon
- Dimension — en skumringsbelyst arbeidsstasjon med frostede glasspaneler
- Reflect Notes — Stjerneklar fiolett rom er et mørkt observatorium hvor toner svever som konstellasjoner mot et bakteppe av nesten svart indigo-tomhet.
- Ameba — Kontrollrommet ved midnatt – en elektrisk blå puls inni frostede glasspaneler
- Branding — Svart gallerivegg, blodrøde aksenter – Store hvite skrifttyper flyter på et mørkt lerret som ligner et tomrom, avbrutt av en enkelt knallrød aksent og slående dekorative elementer som ser mer ut som galleriskilting enn et webgrensesnitt.
- Harness — Mission Control ved midnatt med fosforescerende grønne aksenter
- Koto — Obsidian-galleriet ved midnatt. En nesten bekmørkt scene, hvor den eneste varme lyskilden er en enkelt gul tusj, og kondensert skrift flyter i det enorme negative rommet som utstillingsplakater.
- Ohzi — En glødende kube suspendert i et mørkt galleri
- Depot — En mørk serverterminal. En nesten svart utviklerkonsoll, med en enkelt grønn LED som signaliserer starten på arbeidet, og resten av brukergrensesnittet vist i grafitt.
- Maciej Zadykowicz — Midnight Gallery med sitt kaleidoskopiske veggmaleri er en nesten svart studiovegg hvor et levende, fargerikt typografisk kunstverk tiltrekker seg oppmerksomhet, mens alt annet forblir stille og bevisst.