Authkit
Калисои шишагини яхбаста дар нисфи шаб
AuthKit эстетикаи муаррифии маҳсулоти шабонаро эҷод мекунад: як матои қариб сиёҳ бо сатҳҳои шишагии яхбаста, шабакаи хатҳои қариб намоён ва матни дурахшон, ки ба назар чунин мерасад, ки бо қабати шишагӣ равшан карда шудааст. Шрифт қариб пурра дар пасманзари торик сафед аст ва ягона унсури функсионалӣ бо як лаҳҷаи арғувонии дурахшон аст - ҳар як сатҳи интерактивӣ хати нарм ва тунуки кабуди хунук-сафед дорад, на чаҳорчӯбаи сахт. Ҷузъҳо дар қабатҳои шаффоф ҷойгир карда шудаанд, ки дар болои дурахши атроф қабат карда шудаанд ва кортҳо ба монанди табақҳои шишагин, ки аз поён равшан карда шудаанд, ба ҷои панелҳои коғазӣ, ба назар мерасанд. Фосила калон ва ритмикӣ аст; унсури асосӣ як логотипи ягонаи равшаншуда аст, ки тамоми паҳнои саҳифаро фаро мегирад ва бо кортҳои шишагии шинокунанда иҳота шудааст, на тарҳбандии анъанавии экрани тақсимшуда.
Канваси торик ва паҳнои пурра бо контейнери мундариҷаи марказӣ, паҳнои ҳадди аксар 1200 пиксел. Унсури асосӣ як логотипи ягона ва марказӣ ва равшаншуда ("AuthKit" дар шрифти градиентӣ) дар зери матни хурди шакли абрӯвон аст, ки дар паси он/дар зери он се корти шишагии шинокунанда бо вентилятор барои варақаи воридшавӣ берун аст (корти чап ба чап майл дорад, корти марказӣ ба ҳадди аксар расонида шудааст, корти рост ба рост майл дорад). Тугмаи мавзӯи равшан/торик дар зери унсури асосӣ ҷойгир аст. Сатри хусусиятҳо як ҷадвали уфуқии 6 нишона бо хатҳои тунуки пайвасткунанда байни нишонаҳои даврашакл мебошад. Ритми бахш: ҳар як бахш бо матни шакли абрӯвони марказӣ оғоз мешавад, ки бо хатҳои уфуқии пажмурдашуда иҳота шудааст, пас аз он унвони калон ва марказӣ (44-48 пиксел), пас аз он як сатри нусхаи асосии хомӯш (16-18 пиксел), паҳнои ҳадди аксар ~640 пиксел. Бахши Танзимкунӣ макети тирезаи браузерро бо корти вуруд дар марказ ҷойгиршуда нишон медиҳад, ки онро панелҳои шинокунандаи UI (палитраҳои ранг, лағжандаҳои радиусӣ, интихобкунандаи нишонаи логотип, майдони матни тугма, майдони заминаи саҳифа), ки дар кунҷҳои канвас ҷойгир шудаанд, ба монанди фазои кории асбобҳои тарроҳӣ, иҳота кардаанд.
Тарроҳии визуалӣ аз макетҳои шакли воридшавӣ, ки бо услуби "морфологияи шишагӣ" сохта шудаанд (майдонҳои воридкунии почтаи электронӣ/парол, тугмаҳои воридшавӣ ба шабакаҳои иҷтимоӣ, воридкунии рамзи бепарол), бартарӣ дорад ва ҳамчун кортҳои шинокунанда ва шаффоф дар паҳлӯи матои нисфи шаб пешниҳод карда мешаванд. Нишонаҳои хусусият глифҳои хаттии монохромӣ дар #d1e4fa дар дохили сафолҳои мудаввар ва мат мебошанд. Шабакаи нозук (хатҳои 1px дар rgba(186,215,247,0.06)) тамоми саҳифаро фаро мегирад ва фазо эҷод мекунад, дар ҳоле ки прожектори градиенти конусӣ дар болои унсури асосӣ дурахшон мешавад. Бе акс, бе тасвирҳои тарзи ҳаёт, бе скриншотҳои маҳсулот - худи маҳсулот унсури визуалӣ аст: майдонҳои воридшавӣ мисли прототипҳои шишагӣ дар студияи торик ҷойгир шудаанд.
Палитра
Бренд
- Void Violet
#663af3— Ранги асосии тугмаи даъват ба амал (CTA) ягона ранги таъкидӣ аст, ки танҳо барои тугмаи "Идома/Фиристодани" дар шаклҳои воридшавӣ истифода мешавад; арғувонии дурахшон дар заминаи қариб сиёҳ эҳсоси фаврӣ эҷод мекунад, бе халалдор кардани схемаи ранги монохроматӣ.
Бетараф
- Midnight Canvas
#05060f— Заминаи саҳифа, сатҳи амиқтарини корт, пур кардани нишона - як таҳкурсии қариб сиёҳ, ки ҳама чизи дигар дар он шино мекунад. - Steel Plate
#2f343e— Сатҳи баландшуда, тугмаҳои амали фантомӣ/дуюмдараҷа, пушти панели ноаён. - Fog Veil
#9da7ba— Матни асосӣ, матни рӯи корт, хондашаванда аст, аммо дар муқоиса бо сарлавҳаҳо ба замина кам карда шудааст. - Moon Mist
#c7d3ea— Матни асосӣ, тамғакоғазҳои иловагӣ, матни ёрирасони хомӯшшуда - Frost Glow
#d1e4fa— Ранги асосии пуркунӣ барои матни бадан ва истинод, матни нишона ва пуркунии нишона пешнамоиши пешфарз аст. - Ice Highlight
#d8ecf8— Матни равшан дар сатҳҳои торик, тамғакоғазҳои чаппашуда ва сарлавҳаҳои контрасти баланд. Онро ҳамчун ранги асосӣ барои даъватҳо ба амал истифода набаред; градиенти сарлавҳа - гузариши ҳамвор аз кабуди равшан ба кабуди мулоим аз боло ба поён - дар логотипи AuthKit ва сарлавҳаҳои калидӣ истифода мешавад.
Типография
аз 12 то 48 пиксел · 8 қадам
- Untitled Sans — ивазкунӣ: Inter · контурҳо 400, 500, 600, 700 · Матни асосӣ, интерфейси корбар, тугмаҳо, майдонҳои вуруд, нишонаҳо, сарлавҳаҳои хурд - шрифти универсалӣ барои ҳама чизҳои функсионалӣ.
- aeonikPro — ивазкунӣ: Space Grotesk · контурҳо 400, 500 · Намоиши танҳо сарлавҳаҳо — брендинги AuthKit, сарлавҳаҳои бахшҳо ва матни асосӣ — шрифти 500-нуқтаӣ бо андозаи 44-48 пиксел ба брендинг намуди васеъ ва соддатар медиҳад, на лаҳҷаи дурахшон.
- dotDigital — ивазкунӣ: JetBrains Mono · контурҳо 400 · Матни пурра бо ҳарфҳои калон ("Муаррифӣ", "Тарроҳии васеъшаванда", "Дурахшон") - матни пурра бо ҳарфҳои калон бо фосилаи якхела бо фосилаи 0.10 мм ҳамчун ҷудокунакҳои нозук байни матни асосӣ ва сарлавҳа хизмат мекунад.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | фарох |
| Қадами асосӣ | 16px |
| Радиуси тугма | 999px |
| Радиуси корт | 16px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 120px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Authkit месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Resend — махмали сиёҳ бо ранги арғувонии неон
- Gsap — Тахтаи сафеди аниматсионӣ дар студияи тарроҳӣ. Девори қариб сиёҳ, тори қаймоқранги гарм ва панҷ маркери ранга — яктоӣ барои ҳар як соҳаи аниматсионӣ.
- Slash — Анбори нисфишабӣ бо дафтарҳои тиллоӣ
- Raycast — Маркази фармондеҳии нисфи шаб, Корал Неон
- Dimension — ҷои кори шабона бо равшании шишагин бо панелҳои яхбаста
- Modal — Терминали фосфорӣ дар утоқи торикшудаи сервер - ягона манбаи рӯшноӣ ранги сабзи дурахшон аст
- Reflect Notes — Фазои бунафшаи ситорадор як расадхонаи торик аст, ки дар он нотаҳо мисли бурҷҳо дар пасманзари холигии қариб сиёҳи индиго шино мекунанд.
- LaunchDarkly — Утоқи идоракунии неон як кабинаи торике аст, ки дар он сигналҳои арғувонӣ аз панелҳои сиёҳи реактивӣ импулс мегиранд.
- Ameba — Утоқи идоракунӣ дар нисфи шаб – як набзи кабуди барқӣ дар дохили панелҳои шишагии яхбаста
- AgentQL — Чароғҳои шимолӣ дар болои терминал шабона
- Neon — Утоқи сервер пас аз торикӣ. Торикии холис, ки дар он танҳо рӯшноӣ аз маълумот ва муоширати корбарон сарчашма мегирад.
- N8n — Муҳаррики ҷараёни корӣ дар нисфи шаб – эҳсоси як порчаи автоматикунонии вақти воқеӣ дар утоқи торикии сервер, ки бо нишондиҳандаҳои вазъият ва ҷараёнҳои додаҳо равшан карда шудааст