Authkit
Սառեցված ապակե տաճար կեսգիշերին
AuthKit-ը ստեղծում է գիշերային ապրանքի ներկայացման գեղագիտություն. գրեթե սև կտավ՝ սառցե ապակե մակերեսներով, հազիվ տեսանելի գծերի ցանց և փայլուն տեքստ, որը, կարծես, լուսավորված է ապակե շերտով: Տառատեսակը գրեթե ամբողջությամբ սպիտակ է՝ մուգ ֆոնի վրա, միակ ֆունկցիոնալ տարրը վառ մանուշակագույն շեշտադրումն է. յուրաքանչյուր ինտերակտիվ մակերես ունի սառը կապույտ-սպիտակ գույնի փափուկ, բարակ գիծ, այլ ոչ թե կոշտ շրջանակ: Բաղադրիչները դասավորված են կիսաթափանցիկ շերտերի վրա, շերտավորված շրջապատող փայլի վրա, և քարտերը երևում են որպես ներքևից լուսավորված ապակե թիթեղներ, այլ ոչ թե թղթե վահանակներ: Տարածությունը մեծ է և ռիթմիկ. հիմնական տարրը էջի ամբողջ լայնությամբ մեկ լուսավորված լոգոտիպ է, որը շրջապատված է լողացող ապակե քարտերով, այլ ոչ թե ավանդական բաժանված էկրանի դասավորությամբ:
Լրիվ լայնությամբ, մուգ կտավ՝ կենտրոնացված բովանդակության կոնտեյներով, առավելագույնը 1200px լայնությամբ: Հիմնական տարրը մեկ, կենտրոնացված, լուսավորված լոգո է («AuthKit» գրադիենտային տառատեսակով)՝ փոքր հոնքի ձև ունեցող տեքստի տակ, որի ետևում/ներքևում երեք լողացող ապակե քարտեր՝ մուտքի ձևը հովհարաձև դուրս ցցված (ձախ քարտը թեքված է ձախ, կենտրոնական քարտը մեծացված է, աջ քարտը թեքված է աջ): Բաց/մուգ թեմայի փոխարկիչը կենտրոնացված է հիմնական տարրի տակ: Հատկանիշների շարքը 6 պատկերակներից բաղկացած հորիզոնական ժամանակացույց է՝ շրջանաձև պատկերակների միջև բարակ միացնող գծերով: Բաժնի ռիթմ. յուրաքանչյուր բաժին սկսվում է կենտրոնացված հոնքի ձև ունեցող տեքստով, որը շրջանակված է մարող հորիզոնական գծերով, որին հաջորդում է մեծ, կենտրոնացված վերնագիր (44-48px), որին հաջորդում է մեկ տող՝ լռեցված հիմնական տեքստով (16-18px), առավելագույնը լայնությունը՝ ~640px: «Կարգավորել» բաժինը ցուցադրում է դիտարկիչի պատուհանի մակետը՝ կենտրոնում տեղակայված մուտքի քարտով, որը շրջապատված է լողացող 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-ից մինչև 48px · 8 քայլ
- Untitled Sans — փոխարինում: Inter · ուրվագծեր 400, 500, 600, 700 · Հիմնական տեքստ, օգտագործողի ինտերֆեյս, կոճակներ, մուտքագրման դաշտեր, պատկերակներ, փոքր վերնագրեր՝ ունիվերսալ տառատեսակ ամեն ինչի համար, որը ֆունկցիոնալ է։
- aeonikPro — փոխարինում: Space Grotesk · ուրվագծեր 400, 500 · Միայն վերնագրերը՝ AuthKit ապրանքանիշը, բաժնի վերնագրերը և հիմնական տեքստը ցուցադրելով՝ 44-48px 500 կետանոց տառատեսակի քաշը ապրանքանիշին հաղորդում է լայն, զուսպ տեսք, այլ ոչ թե աչքի ընկնող շեշտադրում։
- dotDigital — փոխարինում: JetBrains Mono · ուրվագծեր 400 · Մեծատառերով գրված տեքստ («Ներածություն», «Ընդարձակվող դիզայն», «Փայլիր պայծառ») - մեծատառերով գրված տեքստը 0.10 մ հեռավորությամբ ծառայում է որպես հիմնական տեքստի և վերնագրի միջև նուրբ բաժանարարներ։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | ընդարձակ |
| Հիմնական քայլ | 16px |
| Կոճակի շառավիղ | 999px |
| Քարտի շառավիղ | 16px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 120px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Authkit ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Resend — սև թավիշ՝ մանուշակագույն նեոնային գույնով
- Gsap — Դիզայնի ստուդիայում անիմացիոն սպիտակ գրատախտակ։ Գրեթե սև պատ, տաք կրեմագույն կավիճ և հինգ գունավոր մարկերներ՝ մեկը անիմացիայի յուրաքանչյուր ոլորտի համար։
- Slash — Կեսգիշերային պահոց՝ ոսկեզօծ գրանցամատյաններով
- Raycast — Կեսգիշերային հրամանատարական կենտրոն, Coral Neon
- Dimension — մթնշաղով լուսավորված աշխատանքային տարածք՝ սառցե ապակե վահանակներով
- Modal — Ֆոսֆորեսցենտ տերմինալ մութ սերվերային սենյակում. միակ լույսի աղբյուրը վառ կանաչ գույնն է
- Reflect Notes — Աստղային մանուշակագույն տարածությունը մութ աստղադիտարան է, որտեղ նոտաները լողում են ինչպես համաստեղություններ՝ գրեթե սև ինդիգո դատարկության ֆոնի վրա։
- LaunchDarkly — Նեոնային լուսավորությամբ կառավարման սենյակը մուգ խցիկ է, որտեղ մանուշակագույն ազդանշաններ են զարկում սև գույնի վահանակների միջով։
- Ameba — Կեսգիշերին կառավարման սենյակը՝ էլեկտրական կապույտ իմպուլս սառցե ապակե վահանակների ներսում
- AgentQL — Հյուսիսային լույսերը գիշերը տերմինալի վրա
- Neon — Սերվերային սենյակ մթնշաղից հետո։ Մաքուր խավար, որտեղ միակ լույսը գալիս է տվյալներից և օգտատերերի փոխազդեցություններից։
- N8n — Աշխատանքային հոսքի շարժիչ կեսգիշերին՝ իրական ժամանակի ավտոմատացման կտավի զգացողություն մութ սերվերային սենյակում, լուսավորված կարգավիճակի ցուցիչներով և տվյալների հոսքերով։