Auros
Անապատային տերմինալ՝ բիոլյումինեսցենտային տվյալների գնդիկներով
Auros-ը գործում է որպես անդունդում տեղակայված ֆինտեխ տերմինալ. գրեթե սև փիրուզագույն կտավ՝ բիոլյումինեսցենտ տվյալների գնդիկներով և փիրուզագույնից մինչև վարդագույն լույսի գրադիենտներով, որոնք ստեղծում են խորության, հոսունության և հոսքի զգացողություն: Ինտերֆեյսը մինիմալիստական և կինեմատոգրաֆիկ է, հիմնվելով միջին հաստության մեկ օգտատիրոջ էկրանի (Matter) վրա՝ ագրեսիվ բացասական հետևմամբ՝ մասշտաբ ստեղծելու համար՝ առանց չափազանց ճչան լինելու: Գույները հավասարաչափ բաշխված են. գրեթե բոլոր բովանդակության համար օգտագործվում են աքրոմատիկ սպիտակ և արծաթագույն գույներ, մինչդեռ քրոմատիկ պալիտրաը նախատեսված է մթնոլորտային գրադիենտների, քարտերի մակերեսների տարբերակման և մեկ ստորագրության հաբի ձև ունեցող կոճակի համար, որը գույնը փոխում է փիրուզագույն-կապույտից մինչև մանուշակագույն-վարդագույն: Քարտերը լողում են նուրբ փիրուզագույն մակերեսային ակոսների վրա (16px շառավղով, առանց ստվերների), այլ ոչ թե բարձրության, ուստի հիերարխիան ընկալվում է որպես ջրի խորություն, այլ ոչ թե թղթի վրա ստվեր: Բաղադրիչները մտածված և գործիքային տեսք ունեն. մեծատառ հետևման նշաններ, բարակ երկրաչափական սլաքների պատկերակներ, բաց վարդագույն մեծ թվային ցուցմունքներ:
Մուգ, լրիվ լայնությամբ կտավ՝ առավելագույնը 1440px լայնությամբ բովանդակությամբ։ Հիմնական տարրը կենտրոնացված տեքստային բլոկ է (հոնք → վերնագիր → ենթատեքստ → գործողության կոչ), որը տարածվում է ամբողջ դիտման պատուհանի բարձրության վրա, մասնիկով, որը ֆոնային տարր է։ Բաժինները լրիվ լայնությամբ շերտեր են, որոնք բաժանված են 68px+ ուղղահայաց մեծ բացատներով, որոնք հերթագայում են կտավի և թեթևակի խորացված մակերեսների միջև։ «Ուսումնասիրել» բաժինը օգտագործում է ասիմետրիկ երկսյունակ դասավորություն. ձախ սյունը պարունակում է դարսված առանձնահատկությունների քարտեր, մինչդեռ աջ սյունը ներկայացնում է երկրաչափական մոլեկուլային նկարազարդում։ Բովանդակությունը կենտրոնացված է նեղ սյուներով (առավելագույնը՝ ~600px)՝ հեշտ ընթերցման համար, այլ ոչ թե ձգվում է եզրից եզր։ Ստորին մասը խորացված փոս է (#011d1c)՝ 120px ուղղահայաց լուսանցքով, ստեղծելով խորը լճակի էֆեկտ։ Նավիգացիան բարակ, թափանցիկ վահանակ է՝ տարրերով, որոնք տեղակայված են 16-24px հեռավորության վրա։ Ընդհանուր ռիթմը կինեմատոգրաֆիկ և ընդարձակ է. յուրաքանչյուր բաժին շնչում է, և խորը, ջրի նման գունային սխեման ստեղծում է ավելի խորը ընկնելու զգացողություն յուրաքանչյուր հատվածի հետ։
Տեսողական ոճը մինիմալիստական և մթնոլորտային է: Գլխավոր էջում ներկայացված է եռաչափ մասնիկային գունդ՝ հազարավոր փոքրիկ փիրուզագույն-կապույտ և սպիտակ կետեր, որոնք կազմում են պտտվող գունդ, որը արձագանքում է կտավին, և նարդոս-վարդագույն շեշտադրումներ եզրերի երկայնքով՝ ստեղծելով տեղեկատվական օբյեկտ հիշեցնող բիոլյումինեսցենտային էֆեկտ: Հարթ երկրաչափական մոլեկուլային դիագրամները (սպիտակ շրջանակներ և բարակ միացնող գծեր մուգ կտավի վրա) ծառայում են որպես դեկորատիվ տարրեր աջ սյունակում: Լուսանկարներ, կենսակերպի պատկերներ, մարդիկ չկան. տեսողական լեզուն հիմնված է մաքուր տվյալների գրաֆիկայի և աբստրակտ ձևերի վրա: Մասնիկային գունդը ապրանքանիշի ինքնության որոշիչ տեսողական տարրն է. այն պետք է հայտնվի առնվազն մեկ անգամ յուրաքանչյուր կարևոր էջում՝ խորջրյա փոխաբերությունն ամրապնդելու համար:
Պալիտրա
Բրենդ
- Liquid Abyss
#012624— Հիմնական ֆոնը էջի հիմքն է, վերնագիրը, հիմնական տարրը և գերիշխող մուգ փիրուզագույն դաշտը։ Այն ստեղծում է խորջրյա մթնոլորտ։ - Liquid Deep
#011d1c— Խորացված մակերեսի մակարդակը ստորին ֆոնն է և ավելի խորը ստվարաթղթե վահանակները: Այն ընկալվում է որպես կտավից կիսատոն ավելի մուգ, ստեղծելով խորության նուրբ ներքևի գրադիենտ: - Liquid Kelp
#003734— Բարձրացված քարտի մակերես և կոճակի լցոնում. բարձրացված մակերես, որը տեղադրված է անդունդից մեկ աստիճան վերև: Օգտագործվում է առանձնահատկությունների քարտերի, բովանդակության վահանակների և գրադիենտային կոճակի սկզբնակետի համար:
Չեզոք
- Liquid Mist
#edfffe— Սպիտակի զով երանգը ընդգծում է հիմնական տեքստը, բաժինների վերնագրերը և տաք, բաց տպագրությունը: Նուրբ կապույտ երանգը հիմնական տեքստը կապում է փիրուզագույն գունային սխեմայի հետ: - Platinum
#ffffff— Մաքուր սպիտակը օգտագործվում է վերնագրերի, նավիգացիոն տարրերի, պատկերակների ուրվագծերի և բարձր կոնտրաստային տեքստի համար: Այն բոլոր վերնագրերի մակարդակներում և նավիգացիոն հիմնական գույնն է: - Silver Mist
#bbc7c6— Երկրորդական տեքստը, մարված նկարագրությունները և հղման գույնը իրենց սկզբնական վիճակում։ Դրանք ունեն թեթևակի կանաչավուն երանգ, որը լրացնում է փիրուզագույն ֆոնը։ - Ash
#f2f2f2— Լրացուցիչ տեքստ՝ մեջբերումների և ակնարկների համար: Չեզոք, սառը մոխրագույն երանգ՝ այն դեպքերում, երբ Silver Mist-ի փիրուզագույն երանգը չափազանց պայծառ է թվում: - Slate Deep
#707777— Նուրբ մակերեսային երանգ՝ ոչ ակտիվ կամ վատ տեսանելի ֆոնի համար: Այն տեղադրվում է կտավի և ստվարաթղթի միջև՝ ապահովելով շատ աննշան բարձրության տարբերություն: - Lavender Phosphor
#fde9ff— Հետին լուսավորության գույնը մեծ վիճակագրության, հաշվիչ թվերի և կարևոր չափանիշների համար: Գրադիենտի վարդագույն երանգը խնայողաբար օգտագործվում է որպես լուսավոր շեշտադրում մուգ մակերեսների վրա:
Տպագրություն
10-ից մինչև 96px · 6 քայլ
- Matter — փոխարինում: Inter · ուրվագծեր 400, 500 · Վերնագրերի և հիմնական տեքստի համար օգտագործվում է հիմնական տառատեսակը՝ բոլոր վերնագրերի (H1–H3) և մեծ կինետիկ տեքստի (86–295px) համար 500 կշիռով: Հիմնական տեքստի և UI տեքստի համար օգտագործվում է 400 կշիռ: Այն առանձնանում է մեծ չափերի դեպքում բացասական տառերի միջև ագրեսիվ հեռավորությամբ (-0.04em 61px-ի դեպքում, -0.046em 86px-ի դեպքում) և մեծ վերնագրերի դեպքում դրական տառերի լայն հեռավորությամբ (0.08em 20px-ի դեպքում, 0.12em 12px-ի դեպքում, 0.15em 10px-ի դեպքում): Վերնագրերի համար միայն միջին կշիռ օգտագործելու ռազմավարությունը տարբերակիչ առանձնահատկություն է՝ թավ կամ թեթև տառատեսակների բացակայությունը, ինչը տառատեսակին հաղորդում է միատարր, մեխանիկական վստահություն:
- Arial — փոխարինում: system-ui · ուրվագծեր 400 · Երկրորդական պահեստային տարբերակ ինտերակտիվ UI տարրերի համար (նավարկություն, կոճակներ, վերնագրի միկրոպատճեն, ստորին էջ): Հայտնվում է միայն 14px չափսի դեպքում՝ օգտագործվելով որպես անվտանգ, ունիվերսալ պահեստային տարբերակ, երբ Matter-ը բեռնված չէ, և ներառում է ձևաթղթերի պիտակներ, կոճակի տեքստ և փոքր օժանդակ տեքստ:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | միջին |
| Հիմնական քայլ | 20px |
| Կոճակի շառավիղ | 6px |
| Քարտի շառավիղ | 16px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 68px |
| Էջի լայնությունը | 1440px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Auros ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Design Full-Time — կինոթատրոն-ստուդիա մեկ տաք լուսարձակով
- Air — «Կեսգիշերային երկինքը ապակու միջով» քանդակը
- Slash — Կեսգիշերային պահոց՝ ոսկեզօծ գրանցամատյաններով
- Raycast — Կեսգիշերային հրամանատարական կենտրոն, Coral Neon
- Dimension — մթնշաղով լուսավորված աշխատանքային տարածք՝ սառցե ապակե վահանակներով
- Modal — Ֆոսֆորեսցենտ տերմինալ մութ սերվերային սենյակում. միակ լույսի աղբյուրը վառ կանաչ գույնն է
- Giga — Կեսգիշերային հորիզոն՝ սառցե օբսիդիանի վրայով
- Reflect Notes — Աստղային մանուշակագույն տարածությունը մութ աստղադիտարան է, որտեղ նոտաները լողում են ինչպես համաստեղություններ՝ գրեթե սև ինդիգո դատարկության ֆոնի վրա։
- Ameba — Կեսգիշերին կառավարման սենյակը՝ էլեկտրական կապույտ իմպուլս սառցե ապակե վահանակների ներսում
- AgentQL — Հյուսիսային լույսերը գիշերը տերմինալի վրա
- Frame — Կինոթատրոն ուշ գիշերային կինոդիտումների համար։ Մութ սենյակ, որտեղ միակ կապույտ լուսարձակը կատարում է ամբողջ աշխատանքը, իսկ օգտագործողի ինտերֆեյսը մարում է ֆոնի մեջ՝ թույլ տալով ստեղծագործական բովանդակությունը պրոյեկտել առաջ։
- Harness — Առաքելության վերահսկողությունը կեսգիշերին՝ ֆոսֆորեսցենտ կանաչ շեշտադրումներով