Framer
boşluqda neon qalereyası
Framer, qalereya açılışında məzmunun neon işarəsi kimi dalğalandığı qara bir kətan kimi demək olar ki, tam qaranlıq kimi işləyir. GT Walsheim Medium-da 0.8–1.1 sıx sətir aralığı və aqressiv mənfi hərf aralığı (54 pikseldə -0.04em) ilə yerləşdirilmiş başlıqlar, səhifədə səliqəli şəkildə yerləşmək əvəzinə irəli doğru itələyən sıxılmış, dekorativ şrift yaradır. Tək bir elektrik mavisi (#0099ff) bütün funksional vurğuları - haşiyələr, parıltı, nişanlar, aktiv vəziyyətlər - təmin edir, interfeysin qalan hissəsi isə təmiz qara rəngdən dərinlik yaratmaq üçün incə boz keçidlərə (#111, #171717, #242424) əsaslanaraq axromatik olaraq qalır. Komponentlər dekorativ deyil, düşünülmüş hiss olunur: 8–25 piksel dairəvi radiuslar, nazik 1 piksel haşiyələr, minimal düşən kölgələr və boşluğun parlamasına imkan verən şəffaf səthlər.
Tam enli bölmələr qara kətandan kənara çıxır, məzmun maksimum ~1200 piksel enində məhdudlaşdırılır və mərkəzdə yerləşir. Əsas bölmədə sola düzülmüş başlıq və tək bir çağırış (CTA) düyməsi var, sağ tərəfi qəsdən boş qalır - asimmetrik olaraq, mərkəzdə deyil. Bölmələr yalnız mətn düzülüşləri (böyük başlıq + alt mətn) və məhsul ekran görüntüləri arasında növbələşir. "Çərçivə ilə gəlir" bölməsi 4 sütunlu şəbəkədə loqo divarından istifadə edir. İcma bölməsində məhsul ekran görüntüsü mərkəzləşdirilmiş, tam enli konteynerin içərisində, yuvarlaq küncləri olan bir konteynerdə yerləşdirilir. Naviqasiya minimaldır - solda loqo və sağda hizalanmış bağlantılar olan nazik üst zolaq, görünən idarəetmə elementləri yoxdur. Bölmə ritmi: bölmələr arasında əhəmiyyətli 80 piksel şaquli boşluqlar, boşluqda üzən fərqli məzmun adaları yaradır.
Məhsulun istifadəçi interfeysinin ekran görüntüləri üstünlük təşkil edir — işıqfor nöqtələri olan xrom şəkilli pəncərə ilə çərçivəyə alınmış tətbiqin daxil edilmiş ekran görüntüləri əsas təsvirə çevrilir. Keyfiyyətin sübutu kimi xidmət edən loqotiplər qara fonda ağ hərflərlə geniş aralıqlarla təqdim olunur. Heç bir fotoşəkil, illüstrasiya və ya mücərrəd qrafika istifadə edilmir — vizual dil məhsulun özüdür və canlı interfeys kimi göstərilir. İkon stili: minimalist, konturlu, monoxrom və kiçik ölçülərdə ağ. Mətn sıxlığı: əsasən mətn, bəzən məhsul ekran görüntüləri şəklində böyük fraqmentlər. Məkanın vizual balansı şəkillərdən daha çox tipoqrafiyaya üstünlük verir.
Palitra
Brend
- Vivid Violet
#0066ff— Əsas hərəkət düyməsi interfeysdə tək rəngli düymə fonunun göstərildiyi yerdir.
Neytral
- Bone
#ffffff— Əsas başlıqlar, tünd fonda əsas mətn, düymə fonu yeganə işıq mənbəyidir. - Void
#000000— Səhifə kətanları, naviqasiya fonu, kart səthləri, işarə doldurma - bütün vacib olmayan məzmunu özündə saxlayan sonsuz qara rəngdir. - Graphite
#111111— Qaldırılmış kart səthləri boşluqdan bir pillə yuxarıdadır - böyük, funksional kartlar və modal konteynerlər. - Obsidian
#171717— Düymələr, əlavə kartlar, UI doldurmaları üçün ara səth - interaktiv elementləri kətandan ayırır. - Slate
#242424— Kursoru hover vəziyyətində, giriş sahələri və girintili panellər mətn formatına keçməzdən əvvəl ən parlaq neytral çalardır. - Ash
#333333— Qeyri-aktiv fon şəkilləri və struktur elementləri üçün dərin doldurma.
Tipoqrafiya
12-dən 68 pikselə qədər · 8 addım
- sans-serif — əvəzetmə: Inter · konturlar 400 · sans-serif - çıxarılan məlumatlarda tapılır, lakin süni intellekt tərəfindən təsvir edilmir.
- GT Walsheim — əvəzetmə: Inter Tight · konturlar 500 · Başlıqlar və başlıqlar üçün şrift brend şriftidir. O, aqressiv şəkildə sıxılmışdır, sətir aralığı 0.8–1.1, hərf aralığı isə 44–68 piksel arasında -0.04em ilə -0.05em arasındadır. Bu, dekorativ element deyil; GT Walsheim-in həndəsi istiliyi, sərt metriklərlə birləşərək, sistemin səsini - özünəinamlı, kompakt və bir qədər futuristik - yaradır. Oxşar həndəsi ifadə üçün Inter Tight və ya Space Grotesk Bold-u nəzərdən keçirin.
- Inter Variable — əvəzetmə: Inter · konturlar 400 · Əsas mətn, naviqasiya və ikinci dərəcəli başlıqlar əsas iş atıdır. Dəyişənlərarası oxu çəkilərin hamar interpolasiyasına imkan verir. Ölçü artdıqca izləmə daralır: -0.001em-dən 18px-ə və -0.027em-dən 22px-ə qədər. Dəyişən versiya saytın hamar mikro-animasiyalarına imkan verir. Əvəzetmə: Inter ( Google) – demək olar ki, eyni ehtiyat variant.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 10px |
| Düymə radiusu | 9999px |
| Kart radiusu | 20px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Framer üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Auros — Bioluminescent məlumat topları olan uçurum terminalı
- Origin Financial — Sakit dəbdəbənin gecə yarısı qalereyası. Böyük serif şriftlərin və bir neçə işıqlı rəngli panelin maliyyənin diqqətlə seçilmiş bir sənət əsəri olduğu hissini yaratdığı sakit, demək olar ki, qaranlıq bir otaq.
- Raycast — Gecəyarısı Komandanlıq Mərkəzi, Mərcan Neon
- Dimension — Buzlu şüşə panelləri olan qaranlıq işıqlı iş yeri
- Reflect Notes — Ulduzlu bənövşəyi fəza, demək olar ki, qara indigo boşluğunun fonunda notların bürclər kimi üzdüyü qaranlıq bir rəsədxanadır.
- Ameba — Gecəyarısı idarəetmə otağı – buzlu şüşə panellərin içərisində elektrikli mavi impuls
- Branding — Qara qalereya divarı, qan qırmızısı vurğuları - Boşluğa bənzəyən tünd rəngli kətan üzərində böyük ağ şriftlər üzür, arası isə tək bir parlaq qırmızı vurğu və veb interfeysindən daha çox qalereya lövhələrinə bənzəyən təəccüblü dekorativ elementlər ilə kəsilir.
- Harness — Gecə yarısı fosforlu yaşıl vurğularla Missiya Nəzarəti
- Koto — Gecəyarısı Obsidian Qalereyası. Demək olar ki, tam qaranlığa qərq olmuş səhnə, burada yeganə isti işıq mənbəyi tək sarı markerdir və sıxılmış şriftlər geniş neqativ məkanda sərgi afişaları kimi üzür.
- Ohzi — Qaranlıq qalereyada asılı qalan parıldayan kub
- Depot — Tünd server terminalı. İşin başlanğıcını bildirən tək yaşıl LED və istifadəçi interfeysinin qalan hissəsi qrafitlə göstərilən, demək olar ki, qara rəngli bir geliştirici konsolu.
- Maciej Zadykowicz — Kaleydoskopik divar rəsminə malik Gecəyarısı Qalereyası, canlı, rəngarəng tipoqrafik sənət əsərinin diqqəti cəlb etdiyi, qalan hər şeyin isə sakit və düşünülmüş şəkildə qaldığı demək olar ki, qara studiya divarıdır.