Framer
neongalleri i tomrummet
Framer fungerer som næsten totalt mørke – et sort lærred, hvor indhold svæver som et neonskilt ved en galleriåbning. Overskrifter, der er sat i GT Walsheim Medium med en stram linjeafstand på 0,8-1,1 og aggressiv negativ bogstavafstand (-0,04em ved 54px), skaber en kondenseret, dekorativ skrifttype, der skubber fremad i stedet for at sidde pænt på siden. En enkelt elektrisk blå farve (#0099ff) giver alle de funktionelle accenter – rammer, glød, ikoner, aktive tilstande – mens resten af brugerfladen forbliver akromatisk og bruger subtile grå overgange (#111, #171717, #242424) til at skabe dybde fra ren sort. Komponenterne føles gennemtænkte snarere end dekorative: afrundede radier på 8-25px, tynde 1px rammer, minimale skyggeeffekter og gennemskinnelige overflader, der tillader tomrummet at skinne igennem.
Sektioner i fuld bredde strækker sig ud over det sorte lærred, med indhold begrænset til en maksimal bredde på ~1200px og centreret indeni. Hovedsektionen har en venstrejusteret header og en enkelt call-to-action (CTA)-knap, hvor højre side bevidst er tom – asymmetrisk, ikke centreret. Sektioner skifter mellem tekstbaserede layouts (stor header + undertekst) og produktskærmbilleder. Sektionen "Leveres med framer" bruger en logovæg i et gitter med 4 kolonner. I community-sektionen placeres et produktskærmbillede i en centreret container i fuld bredde med afrundede hjørner. Navigationen er minimal – en tynd øverste bjælke med logoet til venstre og links justeret til højre, uden synlige kontroller. Sektionsrytme: betydelige lodrette mellemrum på 80px mellem sektioner, hvilket skaber tydelige øer af indhold, der flyder i tomrummet.
Skærmbilleder af produktets brugergrænseflade dominerer – indrammet af et kromlignende vindue med trafiklysprikker, bliver integrerede skærmbilleder af appen hovedbilledet. Logoer, der fungerer som bevis på kvalitet, præsenteres med hvid skrift på en sort baggrund med bred afstand. Der anvendes ingen fotografier, illustrationer eller abstrakt grafik – det visuelle sprog er selve produktet, der vises som en levende grænseflade. Ikonstil: minimalistisk, kontureret, monokrom og hvid i små størrelser. Teksttæthed: overvejende tekst, med lejlighedsvise store fragmenter i form af produktskærmbilleder. Den visuelle balance i rummet favoriserer tydeligt typografi frem for billeder.
Palet
Mærke
- Vivid Violet
#0066ff— Den primære handlingsknap er det eneste sted i brugergrænsefladen, hvor der vises en ensfarvet knapbaggrund.
Neutral
- Bone
#ffffff— Hovedoverskrifter, hovedtekst på en mørk baggrund, knapbaggrunden er den eneste lyskilde. - Void
#000000— Sidens lærred, navigationsbaggrund, kortoverflader, ikonudfyldning – alt sammen er en endeløs sort farve, der absorberer alt ikke-essentielt indhold. - Graphite
#111111— Hævede kortoverflader er et skridt over tomrummet – store, funktionelle kort og modale beholdere. - Obsidian
#171717— Mellemliggende overflade til knapper, ekstra kort, UI-fyldninger - adskiller interaktive elementer fra lærredet. - Slate
#242424— Når man holder musen over den, er inputfelter og indrykkede paneler den lyseste neutrale nuance, før der skiftes til tekstformat. - Ash
#333333— Dyb udfyldning af inaktive baggrundsbilleder og strukturelle elementer.
Typografi
fra 12 til 68px · 8 trin
- sans-serif — udskiftning: Inter · konturer 400 · sans-serif - fundet i de udtrukne data, men ikke beskrevet af AI'en.
- GT Walsheim — udskiftning: Inter Tight · konturer 500 · Skrifttypen til overskrifter og titler er brand-skrifttypen. Den er aggressivt kondenseret med en linjeafstand på 0,8-1,1 og en bogstavafstand på -0,04em til -0,05em i området 44-68px. Det er ikke et dekorativt element; den geometriske varme i GT Walsheim, kombineret med strenge metrikker, skaber systemets stemme – selvsikker, kompakt og en smule futuristisk. For et lignende geometrisk udtryk kan du overveje Inter Tight eller Space Grotesk Bold.
- Inter Variable — udskiftning: Inter · konturer 400 · Hovedteksten, navigationen og de sekundære overskrifter er arbejdshesten. Inter Variable-aksen muliggør jævn interpolation af vægte. Sporingen indsnævres, efterhånden som størrelsen øges: fra -0,001em til 18px og fra -0,027em til 22px. Variabelversionen muliggør jævne mikroanimationer af webstedet. Erstatning: Inter ( Google) – en stort set identisk fallback.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | gennemsnit |
| Grundlæggende trin | 10px |
| Knapradius | 9999px |
| Kortradius | 20px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 80px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Framer -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Auros — Abyssal terminal med bioluminescerende datakugler
- Origin Financial — Et midnatsgalleri af stille overdådighed. Et stille, næsten mørkt rum, hvor store serif-skrifttyper og et par oplyste farvede paneler skaber følelsen af, at finans er et omhyggeligt kurateret kunstværk.
- Raycast — Midnatskommandocenter, Coral Neon
- Dimension — en arbejdsstation oplyst i skumringen med matteret glas
- Reflect Notes — Det stjerneklare violette rum er et mørkt observatorium, hvor toner svæver som konstellationer mod en baggrund af næsten sort indigo-tomhed.
- Ameba — Kontrolrummet ved midnat – en elektrisk blå puls inde i matterede glaspaneler
- Branding — Sort gallerivæg, blodrøde accenter - Store hvide skrifttyper svæver på et mørkt lærred, der ligner et tomrum, afbrudt af en enkelt lys rød accent og iøjnefaldende dekorative elementer, der ligner mere galleriskiltning end en webgrænseflade.
- Harness — Missionskontrol ved midnat med fosforescerende grønne accenter
- Koto — Obsidian Gallery ved midnat. En næsten kulsort scene, hvor den eneste varme lyskilde er en enkelt gul tusch, og kondenserede skrifttyper svæver i det enorme negative rum som udstillingsplakater.
- Ohzi — En glødende kube ophængt i et mørkt galleri
- Depot — En mørk serverterminal. En næsten sort udviklerkonsol med en enkelt grøn LED, der signalerer arbejdets start, og resten af brugergrænsefladen vist i grafit.
- Maciej Zadykowicz — Midnight Gallery med sit kalejdoskopiske vægmaleri er en næsten sort ateliervæg, hvor ét levende, farverigt typografisk kunstværk tiltrækker sig opmærksomhed, mens alt andet forbliver stille og velovervejet.