Framer
galeri neon dina kekosongan
Framer beroperasi salaku poék anu ampir total—kanvas hideung dimana eusi ngalayang sapertos tanda neon dina bubuka galeri. Judul, disetél dina GT Walsheim Medium kalayan jarak garis anu rapet 0,8–1,1 sareng jarak hurup négatip anu agrésif (-0,04em dina 54px), nyiptakeun jinis huruf anu padet sareng dekoratif anu ngadorong ka hareup tinimbang cicing rapih dina halaman. Hiji biru listrik (#0099ff) nyayogikeun sadaya aksen fungsional—wates, cahaya, ikon, kaayaan aktif—sedengkeun sésana antarmuka tetep akromatik, ngandelkeun transisi kulawu anu halus (#111, #171717, #242424) pikeun nyiptakeun jerona tina hideung murni. Komponen karasa dipertimbangkeun tinimbang dekoratif: radius buleud 8–25px, wates ipis 1px, kalangkang serelek minimal, sareng permukaan tembus anu ngamungkinkeun rohangan kosong nyorot.
Bagian anu lébarna pinuh manjang saluareun kanvas hideung, kalayan eusi diwatesan dugi ka lébar maksimum ~1200px sareng dipusatkeun di jero. Bagian utama nampilkeun lulugu anu rata ka kénca sareng hiji tombol ajakan-ka-aksi (CTA), kalayan sisi katuhu ngahaja ditinggalkeun kosong—asimétris, henteu dipusatkeun. Bagian silih genti antara tata letak téks hungkul (lulugu ageung + subtéks) sareng cuplikan layar produk. Bagian "Comes with Framer" ngamangpaatkeun témbok logo dina grid 4 kolom. Dina bagian komunitas, cuplikan layar produk disimpen dina wadah anu dipusatkeun, lébarna pinuh kalayan juru buleud. Navigasi minimal—bar luhur ipis kalayan logo di kénca sareng tautan dijajarkeun ka katuhu, tanpa kontrol anu katingali. Ritme bagian: celah vertikal 80px anu signifikan antara bagian, nyiptakeun pulo eusi anu béda-béda anu ngambang dina kekosongan.
Cuplikan layar antarmuka pangguna produk dominan—dibingkai ku jandela siga krom kalayan titik-titik lampu lalu lintas, cuplikan layar aplikasi anu dipasang janten gambar utama. Logo, anu janten bukti kualitas, dipidangkeun dina hurup bodas dina latar hideung kalayan jarak anu lega. Teu aya poto, ilustrasi, atanapi grafis abstrak anu dianggo—basa visualna nyaéta produk éta sorangan, anu ditampilkeun salaku antarmuka hirup. Gaya ikon: minimalis, digariskeun, monokrom sareng bodas dina ukuran alit. Kapadetan téks: didominasi téks, kalayan fragmen ageung anu kadang-kadang dina bentuk cuplikan layar produk. Kasaimbangan visual rohangan jelas langkung milih tipografi tibatan gambar.
Palet
Merek
- Vivid Violet
#0066ff— Tombol aksi utama nyaéta hiji-hijina tempat dina antarmuka dimana latar tukang tombol warna padet ditampilkeun.
Nétral
- Bone
#ffffff— Judul utama, téks utama dina latar poék, latar tombol mangrupikeun hiji-hijina sumber cahaya. - Void
#000000— Kanvas halaman, latar tukang navigasi, permukaan kartu, eusian ikon—sadayana mangrupikeun warna hideung anu teu aya tungtungna anu nyerep sadaya eusi anu teu penting. - Graphite
#111111— Beungeut kartu anu diangkat aya saléngkah di luhur rohangan kosong—kartu ageung anu fungsional sareng wadah modal. - Obsidian
#171717— Beungeut panengah pikeun tombol, kartu tambahan, eusian UI - misahkeun unsur interaktif tina kanvas. - Slate
#242424— Nalika ngalayang, widang input sareng panel anu ngalengkung mangrupikeun warna nétral anu paling caang sateuacan ngalih ka format téks. - Ash
#333333— Eusian jero pikeun gambar latar tukang sareng unsur struktural anu teu aktip.
Tipografi
ti 12 nepi ka 68px · 8 léngkah
- sans-serif — panggantian: Inter · garis besar 400 · sans-serif - kapanggih dina data anu diekstrak tapi teu dijelaskeun ku AI.
- GT Walsheim — panggantian: Inter Tight · garis besar 500 · Font pikeun judul sareng judul nyaéta font brand. Font ieu dipadatkan sacara agrésif, kalayan jarak baris 0,8–1,1 sareng jarak hurup -0,04em dugi ka -0,05em dina kisaran 44–68px. Éta sanés unsur hiasan; kahaneutan géométri GT Walsheim, digabungkeun sareng metrik anu ketat, nyiptakeun sora sistem—percaya diri, kompak, sareng rada futuristik. Pikeun éksprési géométri anu sami, pertimbangkeun Inter Tight atanapi Space Grotesk Bold.
- Inter Variable — panggantian: Inter · garis besar 400 · Téks utama, navigasi, sareng judul sekundér mangrupikeun hal anu paling penting. Sumbu Inter Variable ngamungkinkeun interpolasi beurat anu lancar. Pelacakan nyempit nalika ukuranana ningkat: ti -0.001em ka 18px sareng ka -0.027em ka 22px. Versi variabel ngamungkinkeun animasi mikro situs anu lancar. Pangganti: Inter ( Google) – cadangan anu ampir sami.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 10px |
| Radius tombol | 9999px |
| Radius kartu | 20px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 80px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Framer sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Auros — Terminal abyssal kalayan bal data bioluminescent
- Origin Financial — Galeri tengah peuting anu pinuh ku kamewahan anu sepi. Rohangan anu sepi, ampir poék dimana font serif ageung sareng sababaraha panel warna anu dihias nyiptakeun rarasaan yén kauangan mangrupikeun karya seni anu dikurasi kalayan saksama.
- Raycast — Pusat Komando Tengah Peuting, Coral Neon
- Dimension — tempat damel anu dihias ku lampu senja kalayan panel kaca buram
- Reflect Notes — Rohangan wungu nu pinuh ku béntang mangrupa observatorium poék dimana catetan-catetan ngambang kawas rasi béntang kalawan latar tukang kakosongan indigo nu ampir hideung.
- Ameba — Ruang kontrol tengah peuting – denyut biru listrik di jero panel kaca buram
- Branding — Témbok galeri hideung, aksen beureum getih - Font bodas badag ngambang dina kanvas poék anu siga rohangan kosong, diseling ku hiji aksen beureum caang sareng unsur hiasan anu narik ati anu langkung siga papan nama galeri tibatan antarmuka wéb.
- Harness — Kontrol Misi tengah peuting kalayan aksen héjo berpendar
- Koto — Galeri Obsidian tengah peuting. Panggung anu ampir poék mongkleng, dimana hiji-hijina sumber cahaya anu haneut nyaéta hiji spidol konéng, sareng jinis anu padet ngambang di rohangan négatip anu lega sapertos poster pameran.
- Ohzi — Kubus nu hurung ngagantung dina galeri nu poék
- Depot — Terminal server poék. Konsol pamekar anu ampir hideung, kalayan hiji LED héjo anu nandakeun dimimitianna padamelan, sareng sésana antarmuka pangguna ditampilkeun dina grafit.
- Maciej Zadykowicz — Galeri Tengah Peuting kalayan mural kaleidoskopikna mangrupikeun témbok studio anu ampir hideung dimana hiji karya seni tipografi anu cerah sareng warna-warni narik perhatian sedengkeun anu sanésna tetep sepi sareng ngahaja.