Framer
neongalleri i tomrummet
Framer fungerar som nästan totalt mörker – en svart duk där innehållet svävar likt en neonskylt vid en galleriöppning. Rubriker, satta i GT Walsheim Medium med snävt radavstånd på 0,8–1,1 och aggressivt negativt bokstavsavstånd (-0,04 em vid 54px), skapar ett kondenserat, dekorativt typsnitt som skjuter framåt snarare än att sitta prydligt på sidan. En enda elektrisk blå färg (#0099ff) ger alla funktionella accenter – ramar, glöd, ikoner, aktiva tillstånd – medan resten av gränssnittet förblir akromatiskt och förlitar sig på subtila grå övergångar (#111, #171717, #242424) för att skapa djup från ren svart. Komponenterna känns genomtänkta snarare än dekorativa: rundade radier på 8–25px, tunna 1px ramar, minimala skuggor och genomskinliga ytor som låter tomrummet lysa igenom.
Fullbreddssektioner sträcker sig bortom den svarta arbetsytan, med innehåll begränsat till en maximal bredd på ~1200px och centrerat inom. Huvudsektionen har en vänsterjusterad rubrik och en enda uppmaningsknapp (CTA), där höger sida avsiktligt lämnas tom – asymmetriskt, inte centrerad. Sektionerna växlar mellan textlayouter (stor rubrik + undertext) och produktskärmdumpar. Sektionen "Levereras med inramning" använder en logotypvägg i ett rutnät med fyra kolumner. I communitysektionen placeras en produktskärmdump i en centrerad behållare i full bredd med rundade hörn. Navigeringen är minimal – en tunn övre stapel med logotypen till vänster och länkar justerade till höger, utan synliga kontroller. Sektionsrytm: betydande vertikala mellanrum på 80px mellan sektionerna, vilket skapar distinkta öar av innehåll som flyter i tomrummet.
Skärmdumpar av produktens användargränssnitt dominerar – inramade av ett kromliknande fönster med trafikljusprickar blir inbäddade skärmdumpar av appen huvudbilden. Logotyper, som fungerar som bevis på kvalitet, presenteras med vit text på svart bakgrund med brett radavstånd. Inga fotografier, illustrationer eller abstrakt grafik används – det visuella språket är själva produkten, som visas som ett levande gränssnitt. Ikonstil: minimalistisk, konturerad, monokrom och vit i små storlekar. Texttäthet: övervägande text, med enstaka stora fragment i form av produktskärmdumpar. Den visuella balansen i utrymmet gynnar tydligt typografi framför bilder.
Palett
Stämpla
- Vivid Violet
#0066ff— Den primära åtgärdsknappen är den enda platsen i gränssnittet där en enfärgad knappbakgrund visas.
Neutral
- Bone
#ffffff— Huvudrubriker, huvudtext mot mörk bakgrund, knappbakgrunden är den enda ljuskällan. - Void
#000000— Sidans arbetsyta, navigeringsbakgrund, kortytor, ikonfyllning – allt är en oändlig svart färg som absorberar allt icke-väsentligt innehåll. - Graphite
#111111— Upphöjda kortytor är ett steg över tomrummet – stora, funktionella kort och modala behållare. - Obsidian
#171717— Mellanyta för knappar, ytterligare kort, UI-fyllningar - separerar interaktiva element från arbetsytan. - Slate
#242424— När man håller muspekaren över den är inmatningsfält och indragna paneler den ljusaste neutrala nyansen innan de växlar till textformat. - Ash
#333333— Djupfyllning för inaktiva bakgrundsbilder och strukturella element.
Typografi
från 12 till 68px · 8 steg
- sans-serif — ersättning: Inter · konturer 400 · sans-serif - finns i den extraherade datan men beskrivs inte av AI:n.
- GT Walsheim — ersättning: Inter Tight · konturer 500 · Typsnittet för rubriker och titlar är varumärkets typsnitt. Det är aggressivt kondenserat, med radavstånd på 0,8–1,1 och bokstavsavstånd på -0,04 till -0,05 pixlar i intervallet 44–68 pixlar. Det är inte ett dekorativt element; den geometriska värmen hos GT Walsheim, i kombination med strikta måttstockar, skapar systemets röst – självsäker, kompakt och lätt futuristisk. För ett liknande geometriskt uttryck, överväg Inter Tight eller Space Grotesk Bold.
- Inter Variable — ersättning: Inter · konturer 400 · Huvudtexten, navigeringen och de sekundära rubrikerna är arbetshästen. Axeln Inter Variable möjliggör smidig interpolering av vikter. Spårningen minskar när storleken ökar: från -0,001 em till 18 px och från -0,027 em till 22 px. Variabelversionen möjliggör smidiga mikroanimationer av webbplatsen. Ersättning: Inter ( Google) – en praktiskt taget identisk reserv.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 10px |
| Knappradie | 9999px |
| Kortradie | 20px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 80px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Framer -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Auros — Abyssal terminal med bioluminescerande datakulor
- Origin Financial — Ett midnattsgalleri av tyst överdådighet. Ett tyst, nästan mörkt rum där stora serif-typsnitt och några upplysta färgade paneler skapar känslan av att finans är ett noggrant utvalt konstverk.
- Raycast — Midnattskommandocentralen, Coral Neon
- Dimension — en arbetsplats upplyst i skymningen med frostade glaspaneler
- Reflect Notes — Den stjärnklara violetta rymden är ett mörkt observatorium där toner svävar likt konstellationer mot en bakgrund av nästan svart indigofärgad tomhet.
- Ameba — Kontrollrummet vid midnatt – en elektrisk blå puls inuti frostade glaspaneler
- Branding — Svart tavelvägg, blodröda accenter - Stora vita typsnitt svävar på en mörk duk som liknar ett tomrum, avbruten av en enda klarröd accent och slående dekorativa element som mer liknar galleriskyltar än ett webbgränssnitt.
- Harness — Missionskontroll vid midnatt med fosforescerande gröna accenter
- Koto — Obsidian Gallery vid midnatt. En nästan becksvart scen, där den enda varma ljuskällan är en enda gul tuschpenna, och kondenserad typografi svävar i det stora negativutrymmet likt utställningsaffischer.
- Ohzi — En glödande kub upphängd i ett mörkt galleri
- Depot — En mörk serverterminal. En nästan svart utvecklarkonsol, med en enda grön lysdiod som signalerar arbetets början, och resten av användargränssnittet visas i grafit.
- Maciej Zadykowicz — Midnight Gallery med sin kalejdoskopiska väggmålning är en nästan svart studiovägg där ett livfullt, färgstarkt typografiskt konstverk drar till sig uppmärksamheten medan allt annat förblir tyst och avsiktligt.