Framer
галереяи неон дар холӣ
Framer ҳамчун торикии қариб пурра кор мекунад - як матои сиёҳе, ки дар он мундариҷа мисли аломати неон дар кушодани галерея ҷойгир аст. Сарлавҳаҳо, ки дар GT Walsheim Medium бо фосилаи қатъии сатрҳои 0.8-1.1 ва фосилаи агрессивии ҳарфҳои манфӣ (-0.04em дар 54px) ҷойгир шудаанд, як шрифти фишурда ва ороиширо эҷод мекунанд, ки ба пеш ҳаракат мекунад, на дар саҳифа хуб ҷойгир мешавад. Як кабуди барқии ягона (#0099ff) ҳамаи таъкидҳои функсионалиро таъмин мекунад - марзҳо, дурахшонӣ, нишонаҳо, ҳолатҳои фаъол - дар ҳоле ки боқимондаи интерфейс ахроматик боқӣ мемонад ва ба гузаришҳои нозуки хокистарӣ (#111, #171717, #242424) такя мекунад, то умқро аз сиёҳи холис эҷод кунад. Ҷузъҳо ба ҷои ороишӣ баррасӣ мешаванд: радиусҳои мудаввари 8-25px, марзҳои тунуки 1px, сояҳои ҳадди ақали афтидан ва сатҳҳои шаффоф, ки имкон медиҳанд, ки холӣ дурахшад.
Қисмҳои пурраи паҳноӣ аз канори сиёҳ берун мераванд ва мундариҷа бо паҳнои ҳадди аксар ~1200 пиксел маҳдуд аст ва дар дохили он ҷойгир аст. Қисмати асосӣ дорои сарлавҳаи ба чап ростшуда ва як тугмаи ягонаи даъват ба амал (CTA) мебошад, ки тарафи рост қасдан холӣ гузошта шудааст - ба таври носимметрӣ, на дар марказ. Қисмҳо байни тарҳбандии танҳо матнӣ (сарлавҳаи калон + зерматн) ва скриншотҳои маҳсулот иваз мешаванд. Қисмати "Comes with Framer" аз девори логотип дар шабакаи 4-сутунӣ истифода мебарад. Дар бахши ҷомеа, скриншоти маҳсулот дар дохили як контейнери марказонидашуда ва пурраи паҳноӣ бо кунҷҳои мудаввар ҷойгир карда мешавад. Навигатсия ҳадди ақалл аст - як сатри болоии тунук бо логотип дар тарафи чап ва пайвандҳо дар тарафи рост ҷойгир карда шудаанд, бидуни идоракунии намоён. Ритми қисм: фосилаҳои назарраси амудии 80 пиксел байни қисмҳо, ки ҷазираҳои гуногуни мундариҷаро дар холӣ эҷод мекунанд.
Скриншотҳои интерфейси корбарии маҳсулот бартарӣ доранд — ки бо тирезаи монанд ба хром бо нуқтаҳои чароғаки роҳ иҳота шудаанд, скриншотҳои дарунсохти барнома ба тасвири асосӣ табдил меёбанд. Логотипҳо, ки ҳамчун далели сифат хизмат мекунанд, бо ҳарфҳои сафед дар заминаи сиёҳ бо фосилаи васеъ пешниҳод карда мешаванд. Ҳеҷ гуна аксҳо, тасвирҳо ё графикаи абстрактӣ истифода намешаванд — забони визуалӣ худи маҳсулот аст, ки ҳамчун интерфейси зинда намоиш дода мешавад. Услуби нишонаҳо: минималистӣ, контурӣ, монохромӣ ва сафед дар андозаҳои хурд. Зичии матн: асосан матн, бо порчаҳои калон баъзан дар шакли скриншотҳои маҳсулот. Мувозинати визуалии фазо ба таври возеҳ типографияро нисбат ба тасвирҳо афзалтар медонад.
Палитра
Бренд
- Vivid Violet
#0066ff— Тугмаи асосии амалиёт ягона ҷой дар интерфейс аст, ки дар он заминаи рангаи якранги тугма нишон дода мешавад.
Бетараф
- Bone
#ffffff— Сарлавҳаҳои асосӣ, матни асосӣ дар заминаи торик, заминаи тугма ягона манбаи рӯшноӣ аст. - Void
#000000— Матоъи саҳифа, заминаи навигатсия, сатҳҳои кортҳо, пур кардани нишонаҳо - ҳама ранги сиёҳи беохир мебошанд, ки ҳама мундариҷаи ғайримуҳимро фурӯ мебарад. - Graphite
#111111— Сатҳҳои баландшудаи кортҳо як зина болотар аз холӣ ҷойгиранд - кортҳои калон ва функсионалӣ ва контейнерҳои модалӣ. - Obsidian
#171717— Сатҳи миёнаравӣ барои тугмаҳо, кортҳои иловагӣ, пуркунии интерфейси корбар - унсурҳои интерактивиро аз холст ҷудо мекунад. - Slate
#242424— Ҳангоми дар боло нигоҳ доштани курсор, майдонҳои вуруд ва панелҳои дарунсохт пеш аз гузаштан ба формати матн равшантарин ранги бетараф мебошанд. - Ash
#333333— Пуркунии амиқ барои тасвирҳои заминаи ғайрифаъол ва унсурҳои сохторӣ.
Типография
аз 12 то 68 пиксел · 8 қадам
- sans-serif — ивазкунӣ: Inter · контурҳо 400 · sans-serif - дар маълумоти истихроҷшуда ёфт мешавад, аммо аз ҷониби зеҳни сунъӣ тавсиф нашудааст.
- GT Walsheim — ивазкунӣ: Inter Tight · контурҳо 500 · Шрифти сарлавҳаҳо ва унвонҳо шрифти бренд аст. Он бо фосилаи сатрҳо аз 0.8 то 1.1 ва фосилаи ҳарфҳо аз -0.04em то -0.05em дар диапазони 44-68px фишурда шудааст. Ин унсури ороишӣ нест; гармии геометрии GT Walsheim, дар якҷоягӣ бо метрикаҳои қатъӣ, овози системаро эҷод мекунад - боэътимод, паймон ва каме футуристӣ. Барои ифодаи геометрии монанд, Inter Tight ё Space Grotesk Bold-ро баррасӣ кунед.
- Inter Variable — ивазкунӣ: Inter · контурҳо 400 · Матни асосӣ, навигатсия ва сарлавҳаҳои дуюмдараҷа асоси кориро ташкил медиҳанд. Меҳвари Inter Variable имкон медиҳад, ки интерполятсияи ҳамвори вазнҳо анҷом дода шавад. Пайгирӣ бо афзоиши андоза танг мешавад: аз -0.001em то 18px ва то -0.027em то 22px. Нусхаи тағйирёбанда имкон медиҳад, ки микроаниматсияҳои ҳамвори сайт анҷом дода шаванд. Ивазкунӣ: Inter ( Google) - як нусхаи эҳтиётии қариб якхела.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 10px |
| Радиуси тугма | 9999px |
| Радиуси корт | 20px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 80px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Framer месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Auros — Терминали абиссалӣ бо тӯбҳои додаҳои биолюминесцентӣ
- Origin Financial — Галереяи нисфи шаб аз шукӯҳу шаҳомати ором. Як утоқи ором ва қариб торик, ки дар он шрифтҳои калони сериф ва чанд панелҳои рангаи равшан эҳсосеро ба вуҷуд меоранд, ки гӯё молия як асари санъати бодиққат интихобшуда аст.
- Raycast — Маркази фармондеҳии нисфи шаб, Корал Неон
- Dimension — ҷои кори шабона бо равшании шишагин бо панелҳои яхбаста
- Reflect Notes — Фазои бунафшаи ситорадор як расадхонаи торик аст, ки дар он нотаҳо мисли бурҷҳо дар пасманзари холигии қариб сиёҳи индиго шино мекунанд.
- Ameba — Утоқи идоракунӣ дар нисфи шаб – як набзи кабуди барқӣ дар дохили панелҳои шишагии яхбаста
- Branding — Девори сиёҳи галерея, лакнҳои сурхи хун - Шрифтҳои калони сафед дар рӯи матои торик, ки ба холӣ монанд аст, шино мекунанд ва онро як лакнти сурхи дурахшон ва унсурҳои ороишии аҷибе, ки бештар ба аломатҳои галерея монанданд, на ба интерфейси веб, халалдор мекунанд.
- Harness — Идоракунии Миссия дар нисфи шаб бо аксентҳои сабзи фосфорӣ
- Koto — Галереяи Обсидиан нисфи шаб. Саҳнаи қариб сиёҳ, ки дар он ягона манбаи гарми рӯшноӣ як аломати зард аст ва шрифти фишурдашуда дар фазои бузурги манфии мисли плакатҳои намоишӣ шино мекунад.
- Ohzi — Як мукааби дурахшон дар галереяи торик овезон аст
- Depot — Терминали торикии сервер. Консоли қариб сиёҳи таҳиягар, ки бо як чароғаки сабзи LED, ки оғози корро нишон медиҳад ва боқимондаи интерфейси корбар бо ранги графит нишон дода шудааст.
- Maciej Zadykowicz — Галереяи Midnight бо девори калейдоскопии худ як девори қариб сиёҳи студия аст, ки дар он як асари санъати рангоранг ва дурахшон диққатро ҷалб мекунад, дар ҳоле ки ҳама чизи дигар ором ва бодиққат боқӣ мемонад.