Framer
neon galéria az ürességben
A Framer szinte teljes sötétségként működik – egy fekete vászonként, ahol a tartalom úgy lebeg, mint egy neonreklám egy galériamegnyitón. A GT Walsheim Medium betűtípussal, szoros, 0,8–1,1-es sorközzel és agresszív negatív betűközzel (-0,04em 54 képpontnál) írt címsorok egy tömör, dekoratív betűtípust hoznak létre, amely inkább előre tolódik, mintsem szépen illeszkedik az oldalra. Egyetlen elektromos kék (#0099ff) biztosítja az összes funkcionális díszítőelemet – szegélyeket, ragyogást, ikonokat, aktív állapotokat –, míg a felhasználói felület többi része akromatikus marad, finom szürke átmenetekre (#111, #171717, #242424) támaszkodva, hogy mélységet teremtsen a tiszta feketéből. Az elemek inkább átgondoltnak, mint dekoratívnak érződnek: 8–25 képpontos lekerekített sugarak, vékony, 1 képpontos szegélyek, minimális árnyékolás és áttetsző felületek, amelyek lehetővé teszik az üresség átragyogását.
A teljes szélességű szakaszok túlnyúlnak a fekete vászonon, a tartalom maximális szélessége ~1200 képpont, és középre van igazítva. A fő szakasz balra igazított fejlécet és egyetlen cselekvésre ösztönző (CTA) gombot tartalmaz, amelynek jobb oldala szándékosan üresen maradt – aszimmetrikusan, nem középre igazítva. A szakaszok váltakoznak a csak szöveges elrendezés (nagy fejléc + alszöveg) és a termék képernyőképei között. A „Comes with Framer” szakasz egy logófalat használ egy 4 oszlopos rácsban. A közösségi szakaszban egy termék képernyőképe egy középre igazított, teljes szélességű, lekerekített sarkú tárolóban található. A navigáció minimális – egy vékony felső sáv, a logóval balra, a linkekkel pedig jobbra igazítva, látható vezérlők nélkül. A szakaszok ritmusa: jelentős, 80 képpontos függőleges rések a szakaszok között, amelyek különálló tartalomszigeteket hoznak létre az ürességben.
A termék felhasználói felületének képernyőképei dominálnak – egy krómszerű, lámpákkal díszített ablak keretezi, a fő képet az alkalmazás beágyazott képernyőképei alkotják. A minőség bizonyítékaként szolgáló logók fehér betűkkel, fekete háttéren, széles sorközzel jelennek meg. Nem használnak fényképeket, illusztrációkat vagy absztrakt grafikákat – a vizuális nyelv maga a termék, élő felületként megjelenítve. Ikonstílus: minimalista, körvonalas, monokróm és fehér, kis méretben. Szövegsűrűség: túlnyomórészt szöveg, alkalmanként nagyobb töredékekkel, termékképernyőképek formájában. A tér vizuális egyensúlya egyértelműen a tipográfiát részesíti előnyben a képek helyett.
Paletta
Márka
- Vivid Violet
#0066ff— Az elsődleges műveletgomb az egyetlen hely a felületen, ahol egyszínű gombháttér jelenik meg.
Semleges
- Bone
#ffffff— Fő címsorok, fő szöveg sötét háttéren, a gombok háttere az egyetlen fényforrás. - Void
#000000— Az oldal vászonja, a navigációs háttér, a kártyafelületek, az ikonok kitöltése – mind egy végtelen fekete szín, amely elnyeli az összes nem létfontosságú tartalmat. - Graphite
#111111— A kiemelt kártyafelületek egy lépéssel az üresség felett állnak – nagy funkcionális kártyák és modális tárolók. - Obsidian
#171717— Köztes felület gomboknak, további kártyáknak, felhasználói felület kitöltésének – elválasztja az interaktív elemeket a vászontól. - Slate
#242424— Ha az egér fölé mozgatjuk az egérmutatót, a beviteli mezők és a behúzott panelek a legvilágosabb semleges árnyalatot kapják, mielőtt szöveges formátumra váltanának. - Ash
#333333— Mély kitöltés inaktív háttérképekhez és szerkezeti elemekhez.
Tipográfia
12-től 68 képpontig · 8 lépésben
- sans-serif — csere: Inter · körvonalak 400 · sans-serif – megtalálható a kinyerett adatokban, de a mesterséges intelligencia nem írja le.
- GT Walsheim — csere: Inter Tight · körvonalak 500 · A címsorok és címsorok betűtípusa a márka betűtípusa. Agresszívan tömörített, 0,8–1,1 sorközzel és -0,04em és -0,05em közötti betűközzel, 44–68 képpontos tartományban. Nem dekoratív elem; a GT Walsheim geometrikus melegsége, szigorú metrikák mellett, adja meg a rendszer hangját – magabiztos, kompakt és enyhén futurisztikus. Hasonló geometriai kifejezésmódért érdemes megfontolni az Inter Tight vagy a Space Grotesk Bold betűtípust.
- Inter Variable — csere: Inter · körvonalak 400 · A fő szöveg, a navigáció és a másodlagos címsorok alkotják a legfontosabb erőforrásokat. Az Inter Variable tengely lehetővé teszi a súlyok sima interpolációját. A követés a méret növekedésével szűkül: -0,001em-ről 18 képpontra és -0,027em-ről 22 képpontra. A változós verzió lehetővé teszi a webhely sima mikroanimációit. Csere: Inter ( Google) – gyakorlatilag azonos tartalék.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | átlagos |
| Alapvető lépés | 10px |
| Gomb sugara | 9999px |
| Kártya sugara | 20px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 80px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Framer stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Auros — Abyssal terminál biolumineszcens adatgömbökkel
- Origin Financial — Egy éjféli galéria a csendes fényűzésről. Egy csendes, szinte sötét terem, ahol a nagy talpas betűtípusok és néhány megvilágított színes panel azt az érzetet kelti, mintha a pénzügy egy gondosan válogatott műalkotás lenne.
- Raycast — Éjféli Parancsnoki Központ, Coral Neon
- Dimension — szürkületkor megvilágított munkaállomás matt üvegpanelekkel
- Reflect Notes — A csillagos ibolyaszínű űr egy sötét obszervatórium, ahol a hangjegyek csillagképekként lebegnek a szinte fekete indigó üresség hátterében.
- Ameba — Az irányítóterem éjfélkor – elektromos kék pulzálás matt üvegpanelekben
- Branding — Fekete galériafal, vérvörös díszítésekkel – Nagy fehér betűtípusok lebegnek egy sötét vásznon, amely egy ürességre hasonlít, egyetlen élénkpiros díszítőelem és feltűnő díszítőelemek szakítják meg, amelyek inkább galériai feliratokra, mint webes felületre hasonlítanak.
- Harness — Irányítóközpont éjfélkor foszforeszkáló zöld díszítéssel
- Koto — Az Obsidian Galéria éjfélkor. Majdnem koromsötét színpad, ahol az egyetlen meleg fényforrás egyetlen sárga marker, és a hatalmas negatív térben sűrített betűk lebegnek, mint a kiállítási plakátok.
- Ohzi — Egy sötét galériában lebegő világító kocka
- Depot — Egy sötét szerverterminál. Egy majdnem fekete fejlesztői konzol, egyetlen zöld LED-del, amely a munka megkezdését jelzi, a felhasználói felület többi része pedig grafitban jelenik meg.
- Maciej Zadykowicz — A kaleidoszkópszerű falfestményével díszített Éjféli Galéria egy majdnem fekete stúdiófal, ahol egyetlen élénk, színes tipográfiai műalkotás vonzza a figyelmet, miközben minden más csendes és átgondolt marad.