Framer
galeri neon ing kekosongan
Framer beroperasi kaya meh peteng total—kanvas ireng ing ngendi isine ngambang kaya tandha neon ing bukaan galeri. Judhul utama, disetel ing GT Walsheim Medium kanthi jarak baris sing rapet 0,8–1,1 lan jarak huruf negatif sing agresif (-0,04em ing 54px), nggawe jinis huruf dekoratif sing ringkes sing maju tinimbang lungguh kanthi rapi ing kaca. Biru listrik tunggal (#0099ff) nyedhiyakake kabeh aksen fungsional—wates, cemlorot, ikon, kahanan aktif—nalika antarmuka liyane tetep akromatik, gumantung ing transisi abu-abu sing alus (#111, #171717, #242424) kanggo nggawe ambane saka ireng murni. Komponen krasa dianggep tinimbang dekoratif: radius bunder 8–25px, wates tipis 1px, bayangan tetes minimal, lan permukaan tembus sing ngidini kekosongan sumunar.
Bagean kanthi jembar lengkap ngluwihi kanvas ireng, kanthi konten diwatesi nganti jembar maksimal ~1200px lan ana ing tengah. Bagean utama nduweni header sing rata kiwa lan tombol ajakan tumindak (CTA) siji, kanthi sisih tengen sengaja dikosongake—asimetris, ora ana ing tengah. Bagean-bagean kasebut ganti-ganti antarane tata letak teks wae (header gedhe + subteks) lan gambar layar produk. Bagean "Dilengkapi Framer" nggunakake tembok logo ing kothak 4 kolom. Ing bagean komunitas, gambar layar produk diselehake ing wadhah sing rata ing tengah kanthi sudhut bunder. Navigasi minimal—bar ndhuwur tipis kanthi logo ing sisih kiwa lan pranala sing rata ing sisih tengen, tanpa kontrol sing katon. Irama bagean: celah vertikal 80px sing signifikan antarane bagean, nggawe pulo konten sing béda-béda ngambang ing kekosongan.
Cuplikan layar antarmuka panganggo produk iki dominan—dibingkai nganggo jendela kaya krom kanthi titik-titik lampu lalu lintas, cuplikan layar aplikasi sing disematkan dadi gambar utama. Logo, sing dadi bukti kualitas, ditampilake nganggo huruf putih ing latar mburi ireng kanthi jarak sing amba. Ora ana foto, ilustrasi, utawa grafis abstrak sing digunakake—basa visual yaiku produk kasebut dhewe, sing ditampilake minangka antarmuka sing urip. Gaya ikon: minimalis, digaris, monokrom lan putih kanthi ukuran cilik. Kapadhetan teks: utamane teks, kanthi fragmen gedhe sok-sok awujud cuplikan layar produk. Keseimbangan visual ruang jelas luwih ngutamakake tipografi tinimbang gambar.
Palet
Merek
- Vivid Violet
#0066ff— Tombol aksi utama minangka siji-sijine panggonan ing antarmuka sing nampilake latar mburi tombol kanthi warna polos.
Netral
- Bone
#ffffff— Judhul utama, teks utama ing latar mburi peteng, latar mburi tombol minangka siji-sijine sumber cahya. - Void
#000000— Kanvas kaca, latar mburi navigasi, permukaan kertu, isi ikon—kabeh awujud werna ireng tanpa wates sing nyerep kabeh konten sing ora penting. - Graphite
#111111— Permukaan kertu sing ditinggikake luwih dhuwur tinimbang kekosongan—kertu gedhe sing fungsional lan wadhah modal. - Obsidian
#171717— Permukaan tengah kanggo tombol, kertu tambahan, isi UI - misahake elemen interaktif saka kanvas. - Slate
#242424— Nalika ngarah menyang kursor, kolom input lan panel sing mlebu minangka warna netral sing paling padhang sadurunge ngalih menyang format teks. - Ash
#333333— Isian jero kanggo gambar latar mburi lan elemen struktural sing ora aktif.
Tipografi
saka 12 nganti 68px · 8 langkah
- sans-serif — panggantos: Inter · garis besar 400 · sans-serif - ditemokake ing data sing dijupuk nanging ora diterangake dening AI.
- GT Walsheim — panggantos: Inter Tight · garis besar 500 · Font kanggo judhul lan judhul yaiku font merek. Font iki dipadhetke kanthi agresif, kanthi jarak baris 0,8–1,1 lan jarak huruf -0,04em nganti -0,05em ing kisaran 44–68px. Font iki dudu unsur dekoratif; kehangatan geometris GT Walsheim, digabungake karo metrik sing ketat, nggawe swara sistem—percaya diri, kompak, lan rada futuristik. Kanggo ekspresi geometris sing padha, coba pilih Inter Tight utawa Space Grotesk Bold.
- Inter Variable — panggantos: Inter · garis besar 400 · Teks utama, navigasi, lan judhul sekunder minangka tugas utama. Sumbu Inter Variabel ngidini interpolasi bobot sing lancar. Pelacakan saya sempit nalika ukuran mundhak: saka -0.001em dadi 18px lan dadi -0.027em dadi 22px. Versi variabel ngidini animasi mikro situs sing lancar. Panggantos: Inter ( Google) – cadangan sing meh padha.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 10px |
| Radius tombol | 9999px |
| Radius kertu | 20px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 80px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Framer lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Auros — Terminal abyssal nganggo bal data bioluminescent
- Origin Financial — Galeri tengah wengi sing kebak kemewahan sing sepi. Kamar sing sepi, meh peteng ing ngendi font serif gedhe lan sawetara panel warna sing disinari nggawe rasa yen keuangan minangka karya seni sing dikuratori kanthi ati-ati.
- Raycast — Pusat Komando Tengah Wengi, Coral Neon
- Dimension — stasiun kerja sing madhangi wayah wengi nganggo panel kaca buram
- Reflect Notes — Angkasa ungu sing kebak lintang iku sawijining observatorium peteng ing ngendi cathetan-cathetan ngambang kaya rasi lintang kanthi latar mburi kekosongan indigo sing meh ireng.
- Ameba — Ruang kontrol ing tengah wengi – denyut biru listrik ing njero panel kaca buram
- Branding — Tembok galeri ireng, aksen abang getih - Font putih gedhe ngambang ing kanvas peteng sing meh padha karo bolongan, diselingi dening aksen abang padhang siji lan unsur dekoratif sing narik kawigaten sing luwih katon kaya papan reklame galeri tinimbang antarmuka web.
- Harness — Kontrol Misi ing tengah wengi kanthi aksen ijo berpendar
- Koto — Galeri Obsidian ing tengah wengi. Panggung sing meh peteng ndhedhet, ing ngendi mung sumber cahya sing anget yaiku siji spidol kuning, lan jinis sing kentel ngambang ing papan negatif sing jembar kaya poster pameran.
- Ohzi — Kubus sing mencorong digantung ing galeri peteng
- Depot — Terminal server peteng. Konsol pangembang sing meh ireng, kanthi LED ijo siji sing nandhani wiwitaning pakaryan, lan antarmuka panganggo liyane ditampilake nganggo grafit.
- Maciej Zadykowicz — Galeri Tengah Wengi kanthi mural kaleidoskopiké minangka tembok studio sing meh ireng ing ngendi siji karya seni tipografi sing cerah lan warni narik kawigaten nalika kabeh liyane tetep sepi lan disengaja.