Framer
neoongalerii tühjuses
Framer toimib peaaegu täieliku pimedusena – musta lõuendina, millel sisu hõljub nagu neoonmärk galerii avamisel. Pealkirjad, mis on kirja pandud GT Walsheim Medium kirjatüübis tiheda reavahega 0,8–1,1 ja agressiivse negatiivse tähevahega (-0,04em 54 piksli juures), loovad kontsentreeritud ja dekoratiivse kirjatüübi, mis pigem liigub ettepoole, kui paikneb lehel kenasti. Üks elektriline sinine värv (#0099ff) annab kõik funktsionaalsed aktsendid – äärised, kuma, ikoonid, aktiivsed olekud –, samas kui ülejäänud liides jääb akromaatiliseks, tuginedes peentele hallidele üleminekutele (#111, #171717, #242424), et luua puhtast mustast sügavust. Komponendid tunduvad pigem läbimõeldud kui dekoratiivsed: ümarad raadiused 8–25 piksliga, õhukesed 1 piksli suurused äärised, minimaalsed varjud ja poolläbipaistvad pinnad, mis lasevad tühjusel läbi paista.
Mustast lõuendist kaugemale ulatuvad täislaiuses sektsioonid, mille maksimaalne laius on ~1200 pikslit ja mis on keskele joondatud. Põhiosas on vasakule joondatud päis ja üks tegevusele kutsuv nupp (CTA), mille parem külg on tahtlikult tühjaks jäetud – asümmeetriliselt, mitte tsentreeritult. Sektsioonid vahelduvad ainult tekstipõhiste paigutuste (suur päis + alamtekst) ja toote ekraanipiltide vahel. Jaotises „Comes with Framer” kasutatakse neljaveerulises ruudustikus logoseina. Kogukonnaosas on toote ekraanipilt paigutatud tsentreeritud täislaiuses ümarate nurkadega konteinerisse. Navigeerimine on minimaalne – õhuke ülemine riba, kus logo on vasakul ja lingid on joondatud paremale, ilma nähtavate juhtelementideta. Sektsiooni rütm: sektsioonide vahel on märkimisväärsed 80 piksli suurused vertikaalsed vahed, mis loovad tühjuses hõljuvad erinevad sisusaared.
Domineerivad toote kasutajaliidese ekraanipildid – kroomitud akna ja valgusfooripunktidega raamituna on rakenduse manustatud ekraanipildid peamiseks pildiks. Kvaliteedi tõendamiseks mõeldud logod on esitatud valgete tähtedega mustal taustal laia reavahega. Fotosid, illustratsioone ega abstraktset graafikat ei kasutata – visuaalne keel on toode ise, mida kuvatakse elava liidesena. Ikoonide stiil: minimalistlik, kontuuriga, ühevärviline ja valge väikestes suurustes. Teksti tihedus: valdavalt tekst, aeg-ajalt suured fragmendid toote ekraanipiltide kujul. Ruumi visuaalne tasakaal soosib selgelt tüpograafiat piltide ees.
Palett
Bränd
- Vivid Violet
#0066ff— Peamine toimingunupp on liideses ainus koht, kus kuvatakse ühevärvilist nuputausta.
Neutraalne
- Bone
#ffffff— Pealkirjad, põhitekst tumedal taustal, nuppude taust on ainus valgusallikas. - Void
#000000— Lehe lõuend, navigeerimise taust, kaardi pinnad, ikoonide täitmine – kõik on lõputu must värv, mis neelab endasse kogu mittevajaliku sisu. - Graphite
#111111— Tõstetud kaardipinnad on astme võrra tühjusest kõrgemal – suured, funktsionaalsed kaardid ja modaalsed konteinerid. - Obsidian
#171717— Vahepind nuppude, lisakaartide ja kasutajaliidese täitematerjalide jaoks – eraldab interaktiivsed elemendid lõuendist. - Slate
#242424— Hõljutades on sisestusväljad ja taandatud paneelid enne tekstivormingule üleminekut kõige eredamad neutraalsed toonid. - Ash
#333333— Sügavtäide mitteaktiivsete taustapiltide ja struktuurielementide jaoks.
Tüpograafia
12-st 68 pikslini · 8 sammu
- sans-serif — asendamine: Inter · kontuurid 400 · sans-serif – leitud andmetest, kuid tehisintellekt seda ei kirjelda.
- GT Walsheim — asendamine: Inter Tight · kontuurid 500 · Pealkirjade ja tiitlite font on brändifont. See on agressiivselt tihendatud, reavahega 0,8–1,1 ja tähevahega -0,04em kuni -0,05em vahemikus 44–68 pikslit. See ei ole dekoratiivne element; GT Walsheimi geomeetriline soojus koos rangete mõõdikutega loob süsteemi hääle – enesekindla, kompaktse ja kergelt futuristliku. Sarnase geomeetrilise väljenduse saamiseks kaaluge Inter Tighti või Space Grotesk Boldi.
- Inter Variable — asendamine: Inter · kontuurid 400 · Põhitekst, navigeerimine ja teisejärgulised pealkirjad on tööhobused. Muutujatevaheline telg võimaldab kaalude sujuvat interpoleerimist. Jälgimine kitseneb suuruse suurenedes: -0,001em-lt 18 pikslini ja -0,027em-lt 22 pikslini. Muutujate versioon võimaldab saidi sujuvaid mikroanimatsioone. Asendamine: Inter ( Google) – praktiliselt identne varuvariant.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | keskmine |
| Põhisamm | 10px |
| Nupu raadius | 9999px |
| Kaardi raadius | 20px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 80px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Framer stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Auros — Abessaalne terminal bioluminestsentssete andmepallidega
- Origin Financial — Kesköösel vaikse külluse galerii. Vaikne, peaaegu pime ruum, kus suured serif-fondid ja mõned valgustatud värvilised paneelid loovad tunde, et rahandus on hoolikalt kureeritud kunstiteos.
- Raycast — Kesköö juhtimiskeskus, Coral Neon
- Dimension — hämaras valgustatud tööjaam mattklaasist paneelidega
- Reflect Notes — Tähistaevas violetne kosmos on tume observatoorium, kus noodid hõljuvad nagu tähtkujud peaaegu musta indigosinise tühjuse taustal.
- Ameba — Keskööl asuv juhtimisruum – elektriline sinine pulseerimine mattklaasist paneelide sees
- Branding — Must galeriisein, veripunased aktsendid – suured valged fondid hõljuvad tumedal lõuendil, mis meenutab tühjust, mida katkestab üks erkpunane aktsent ja silmatorkavad dekoratiivsed elemendid, mis näevad pigem välja nagu galeriisildid kui veebiliides.
- Harness — Keskööl asuv missioonikeskus fosforestseerivate roheliste aktsentidega
- Koto — Obsidiaanigalerii keskööl. Peaaegu kottpime lava, kus ainus soe valgusallikas on üksainus kollane marker ja kondenseeritud trükis hõljub tohutus negatiivruumis nagu näituseplakatid.
- Ohzi — Hõõguv kuup ripub pimedas galeriis
- Depot — Tume serveriterminal. Peaaegu must arenduskonsool, millel on üks roheline LED, mis annab märku töö alustamisest, ja ülejäänud kasutajaliides on kuvatud grafiidina.
- Maciej Zadykowicz — Kaleidoskoopilise seinamaalinguga Midnight Gallery on peaaegu must stuudiosein, kus üks elav, värviline tüpograafiline kunstiteos köidab tähelepanu, samal ajal kui kõik muu jääb vaikseks ja läbimõeldud.