Framer
bo'shliqdagi neon galereyasi
Framer deyarli to'liq qorong'ulik sifatida ishlaydi - galereya ochilishida kontent neon belgisi kabi suzib yuradigan qora kanvas. GT Walsheim Medium-da 0,8–1,1 chiziq oralig'i va agressiv salbiy harflar oralig'i (54 pikselda -0,04em) bilan joylashtirilgan sarlavhalar sahifada chiroyli joylashish o'rniga oldinga siljiydigan qisqartirilgan, dekorativ shriftni yaratadi. Bitta elektr ko'k (#0099ff) barcha funktsional urg'ularni - chegaralar, porlash, piktogrammalar, faol holatlarni ta'minlaydi, interfeysning qolgan qismi esa axromatik bo'lib qoladi va sof qora rangdan chuqurlik yaratish uchun nozik kulrang o'tishlarga (#111, #171717, #242424) tayanadi. Komponentlar dekorativ emas, balki hisobga olinadigandek tuyuladi: 8–25 piksel yumaloq radiuslar, yupqa 1 pikselli chegaralar, minimal tushadigan soyalar va bo'shliqning porlashiga imkon beradigan shaffof yuzalar.
To'liq kenglikdagi bo'limlar qora tuvaldan tashqariga chiqadi, kontent maksimal ~1200px kenglik bilan cheklangan va ichkarida markazlashtirilgan. Asosiy bo'limda chapga tekislangan sarlavha va bitta harakatga chaqiruv (CTA) tugmasi mavjud, o'ng tomoni ataylab bo'sh qoldiriladi - assimetrik ravishda, markazlashtirilmagan. Bo'limlar faqat matnli maketlar (katta sarlavha + pastki matn) va mahsulot skrinshotlari o'rtasida almashinadi. "Framer bilan birga keladi" bo'limi 4 ustunli panjara ichida logotip devoridan foydalanadi. Hamjamiyat bo'limida mahsulot skrinshoti markazlashtirilgan, to'liq kenglikdagi konteyner ichiga yumaloq burchaklar bilan joylashtiriladi. Navigatsiya minimal - chap tomonda logotip va o'ng tomonda hizalangan havolalar bilan yupqa yuqori panel, ko'rinadigan boshqaruv elementlari yo'q. Bo'lim ritmi: bo'limlar orasidagi sezilarli 80px vertikal bo'shliqlar, bo'shliqda suzib yuruvchi kontentning alohida orollarini yaratadi.
Mahsulotning foydalanuvchi interfeysining skrinshotlari ustunlik qiladi — svetofor nuqtalari bo'lgan xromga o'xshash oyna bilan o'ralgan holda, ilovaning o'rnatilgan skrinshotlari asosiy tasvirga aylanadi. Sifat isboti bo'lib xizmat qiladigan logotiplar qora fonda oq harflar bilan keng interval bilan taqdim etiladi. Hech qanday fotosuratlar, illyustratsiyalar yoki mavhum grafikalardan foydalanilmaydi — vizual til mahsulotning o'zi bo'lib, jonli interfeys sifatida ko'rsatiladi. Belgi uslubi: minimalist, konturlangan, monoxrom va kichik o'lchamlarda oq. Matn zichligi: asosan matn, vaqti-vaqti bilan mahsulot skrinshotlari ko'rinishidagi katta parchalar. Fazoning vizual muvozanati rasmlarga qaraganda tipografiyani afzal ko'radi.
Palitra
Brend
- Vivid Violet
#0066ff— Asosiy harakat tugmasi interfeysda rangli tugma fonida ko'rsatiladigan yagona joydir.
Neytral
- Bone
#ffffff— Asosiy sarlavhalar, qorong'i fonda asosiy matn, tugma fon yorug'likning yagona manbai hisoblanadi. - Void
#000000— Sahifa kanvasi, navigatsiya foni, karta yuzalari, ikonkalarni to'ldirish - bularning barchasi barcha keraksiz kontentni o'zlashtiradigan cheksiz qora rangdir. - Graphite
#111111— Ko'tarilgan karta yuzalari bo'shliqdan bir qadam yuqorida joylashgan - katta, funktsional kartalar va modal konteynerlar. - Obsidian
#171717— Tugmalar, qo'shimcha kartalar, foydalanuvchi interfeysi to'ldirishlari uchun oraliq sirt - interaktiv elementlarni tuvaldan ajratib turadi. - Slate
#242424— Matn formatiga o'tishdan oldin, kursorni havoda ushlab turganda, kiritish maydonlari va chuqurchaga bo'lingan panellar eng yorqin neytral rang hisoblanadi. - Ash
#333333— Nofaol fon tasvirlari va strukturaviy elementlar uchun chuqur to'ldirish.
Tipografiya
12 dan 68 pikselgacha · 8 qadam
- sans-serif — almashtirish: Inter · konturlar 400 · sans-serif - olingan ma'lumotlarda topilgan, ammo AI tomonidan tavsiflanmagan.
- GT Walsheim — almashtirish: Inter Tight · konturlar 500 · Sarlavhalar va sarlavhalar uchun shrift brend shriftidir. U agressiv ravishda qisqartirilgan, qatorlar oralig'i 0,8–1,1 va harflar oralig'i -0,04em dan -0,05em gacha, 44–68px oralig'ida. Bu dekorativ element emas; GT Walsheimning geometrik iliqligi qat'iy metrika bilan birgalikda tizimning ovozini yaratadi - ishonchli, ixcham va biroz futuristik. Shunga o'xshash geometrik ifoda uchun Inter Tight yoki Space Grotesk Bold ni ko'rib chiqing.
- Inter Variable — almashtirish: Inter · konturlar 400 · Asosiy matn, navigatsiya va ikkilamchi sarlavhalar asosiy ishchi kuchdir. Inter Variable o'qi og'irliklarni silliq interpolyatsiya qilish imkonini beradi. Hajmi kattalashgan sari kuzatuv torayadi: -0.001em dan 18px gacha va -0.027em dan 22px gacha. O'zgaruvchan versiya saytning silliq mikro-animatsiyalarini ta'minlaydi. O'zgartirish: Inter ( Google) – deyarli bir xil zaxira nusxasi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | o'rtacha |
| Asosiy qadam | 10px |
| Tugma radiusi | 9999px |
| Karta radiusi | 20px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 80px |
| Sahifa kengligi | 1200px |
Sun'iy intellekt veb-saytingizni Framer uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Auros — Biolyuminestsent ma'lumotlar sharlari bilan tubsiz terminal
- Origin Financial — Yarim tunda sokin hashamat galereyasi. Katta serif shriftlar va bir nechta yoritilgan rangli panellar moliya puxta tanlangan san'at asari degan tuyg'uni uyg'otadigan sokin, deyarli qorong'i xona.
- Raycast — Yarim tunda qo'mondonlik markazi, Coral Neon
- Dimension — muzlatilgan shisha panellar bilan qoplangan qorong'u yoritilgan ish joyi
- Reflect Notes — Yulduzli binafsha fazo - bu deyarli qora indigo bo'shlig'i fonida notalar yulduz turkumlari kabi suzib yuradigan qorong'u rasadxona.
- Ameba — Yarim tunda boshqaruv xonasi – muzlatilgan shisha panellar ichidagi elektr ko'k puls
- Branding — Qora galereya devori, qon qizil ranglar - Katta oq shriftlar bo'shliqqa o'xshash to'q rangli tuvalda suzib yuradi, bitta yorqin qizil rang va veb-interfeysdan ko'ra galereya belgilariga ko'proq o'xshash ajoyib dekorativ elementlar bilan to'xtatilgan.
- Harness — Yarim tunda fosforli yashil aksanlar bilan Mission Control
- Koto — Yarim tunda Obsidian galereyasi. Deyarli tubsiz qorong'u sahna, bu yerda yagona issiq yorug'lik manbai bitta sariq marker bo'lib, quyuqlashtirilgan yozuvlar esa ulkan salbiy makonda ko'rgazma plakatlari kabi suzib yuradi.
- Ohzi — Qorong'u galereyada osilgan yorqin kub
- Depot — To'q rangli server terminali. Deyarli qora rangli ishlab chiquvchi konsoli, ish boshlanganini bildiruvchi bitta yashil LED va foydalanuvchi interfeysining qolgan qismi grafitda ko'rsatilgan.
- Maciej Zadykowicz — Kaleydoskopik devoriy rasmga ega Midnight Galereyasi deyarli qora studiya devori bo'lib, unda bitta yorqin, rang-barang tipografik san'at asari diqqatni tortadi, qolgan hamma narsa esa jim va o'ychan holda saqlanadi.