ElevenLabs
Լուսանկարչական ակնարկ տաք կրեմագույն երանգներով՝ նուրբ վերնագրերով: Բաուհաուսի ոճի տետր՝ ձվի կճեպի գույնի թուղթ, սև թանաք և մեկ մանուշակագույն ու նարնջագույն շեշտադրում ապրանքի ցուցադրման համար:
ElevenLabs-ը աշխատում է տաք, սպիտակ մինիմալիստական ոճով՝ ձվի կճեպի գույնի կտավ (#fdfcfc)՝ սև տառատեսակով և տաք մոխրագույն մակերեսների մեկ շերտով (#f5f3f1): Ապրանքանիշի ինքնությունը հանգիստ և վստահ է. հազիվ տարբերակվող Waldenburg 300 տառատեսակը վերնագրերը ընդգծում է ծայրահեղ պարզությամբ (-0.02em), մինչդեռ Inter 400/500-ը մնացած ամեն ինչին հաղորդում է հանգիստ չեզոքություն: Երկու շեշտադրող գույներ՝ վառ մանուշակագույն #0447ff և վառ նարնջագույն #ff4704՝ աչքի են ընկնում միայն ապրանքի տեսողական տարրերի ներսում (աուդիոսֆերաներ, ապրանքի պատկերակներ), երբեք այնքան քրոմապատ՝ UI-ում: Բաղադրիչները մնում են հարթ կամ թեթևակի բարձրացված՝ բարակ 1px սահմաններով, լայն 20px շառավղով քարտերի վրա և լիովին լցված 9999px կոճակներով: Համակարգը հիշեցնում է Bauhaus ստուդիա՝ կրեմագույն թղթի վրա. զուսպ, խմբագրական և տեխնիկապես ճշգրիտ:
Լրիվ լայնությամբ բաժինները դասավորված են ուղղահայաց՝ մեկ, առավելագույն լայնությամբ կենտրոնական սյունակում՝ 1280px արտաքին ջրահեռացման համակարգով։ Հիմնական բաժինը ասիմետրիկ է. վերնագիրը ձախից հավասարեցված է 48px Waldenburg մակարդակում, նկարագրության տեքստը՝ աջից, իսկ վերնագրի տակ գտնվում են երկու հաբաձև կոճակներ։ Հիմնական բաժնի տակ գտնվում է մեծ ներդիրներով նավիգացիոն գոտի, որը ընդգրկում է ամբողջ բովանդակության լայնությունը։ Բաժինները հերթագայում են ձվի կճեպի գույնի և շագանակագույնի ֆոնի միջև՝ 96–125px ուղղահայաց ջրահեռացման համակարգով։ Ստորին մասը կոմպակտ, մեկ շերտ է։ Նավիգացիան մինիմալիստական վերին գոտի է՝ առանց ֆիքսված վարքագծի, առանց մեգա-մենյուների։ Բովանդակության ռիթմը համապատասխանում է խմբագրական ոճին՝ շատ սպիտակ տարածք, մեկ հիմնական տեսողական տարր յուրաքանչյուր բաժնում և քարտերի ցանցեր չկան «Վստահություն» բաժնի տակ։
Տեսողական դիզայնը գերակշռում է գունային սխեմայով. որպես հիմնական գրաֆիկական տարր ծառայում են մեծ գրադիենտները՝ փափուկ աուդիոգնդերի տեսքով (200px+ շրջանակներ՝ մանուշակագույնից նարնջագույն և վարդագույն ճառագայթային անցումներով): «Վստահություն» բաժնի լոգոները ներկայացված են ցածր կոնտրաստային մոխրագույն երանգներով՝ մատ կտավի ֆոնի վրա: Լուսանկարները նվազագույն են՝ չկան կենսակերպի կամ արտադրանքի լուսանկարներ: Պատկերագրությունը նոսր է և մոնոխրոմ (սև ուրվագծային կամ լցված պատկերակներ, քրոմատիկ պատկերակներ չկան): Տեսողական համակարգն ավելի շատ հիշեցնում է դիզայնի հրատարակություն, քան արտադրանքի կատալոգ՝ խմբագրական զսպվածությունը գերակշռում է մարքեթինգային ազդեցությանը:
Պալիտրա
Բրենդ
- Violet Spark
#0447ff— Արտադրանքի տեսողական շեշտադրում - Հայտնվում է միայն աուդիոոլորտի նկարազարդումների և դեկորատիվ ապրանքի պատկերակների ներսում. երբեք չի օգտագործվում ինտերֆեյսի տարրերի համար:
Չեզոք
- Eggshell
#fdfcfc— Էջի կտավի, կոճակների և քարտի մակերեսները տաք են, թեթևակի կրեմագույն, այլ ոչ թե խիստ սպիտակ՝ թվային փայլից խուսափելու և կայքին թղթի հանգստություն հաղորդելու համար։ - Warm Taupe
#f5f3f1— Բաժանարար շերտերը, դեկորատիվ քարտերը և լրացուցիչ մակերեսի մակարդակը՝ մեկ աստիճան ավելի խորը, քան մատ մակերեսը, ստեղծում են լուռ, եզրեր չպարունակող բաժանում։ - Stone
#ebe8e4— Բարակ եզրագծերը, բաժանիչները և պատկերակների ֆոնը տաք մոխրագույն են, որը տեղակայված է շագանակագույնից մինչև միջին մոխրագույնի միջև՝ առանց սառը զգացողության։ - Ink
#000000— Անկախ նրանից՝ դա տեքստ է, լցված կոճակներ, նավիգացիա, թե հղումներ, մաքուր սևը ծառայում է որպես տաք գունային պալիտրա հիմք և ստեղծում է համակարգում միակ սուր հակադրությունը։ - Graphite
#44403b— Հիմնական տեքստ, բաժինների վերնագրեր՝ նուրբ տաք մուգ մոխրագույն՝ տեքստի համար, որը պետք է լինի տպավորիչ՝ առանց սևի կոպտության։ - Smoke
#777169— Հիմնական տեքստը, աննկատ նկարագրությունները և մակագրությունները միջին-տաք մոխրագույնով են. քարտերի և թեմատիկ տեքստերի գերիշխող, ընթեռնելի, բայց հանգիստ ոճը։
Տպագրություն
10-ից մինչև 48px · 8 քայլ
- Waldenburg — փոխարինում: Inter (300) or Söhne Light · ուրվագծեր 300 · Միայն վերնագրերի և դիզայնի տարրերի համար: Օգտագործվում է 48/36/32px ձևաչափերով՝ 300 տառատեսակի կշռով. գերթեթև տառատեսակը ոչ ավանդական է. կայքերի մեծ մասն օգտագործում է 600-700. այս նուրբ տառատեսակը փոխանցում է հեղինակություն՝ զսպվածության միջոցով: -0.02em տառերի նեղ հեռավորությունը ստեղծում է տառերի ավելի մոտ տեղավորում մեծ չափերի դեպքում: Այլընտրանքներ՝ «Inter»-ը՝ 300 կշռով կամ «Söhne»-ը՝ թեթև կշռով, որպես պրեմիում այլընտրանք:
- Inter — փոխարինում: Inter or system-ui · ուրվագծեր 400, 500 · Էկրանից դուրս ամեն ինչ՝ հիմնական տեքստ, նավիգացիա, կոճակներ, հղումներ, պիտակներ, մուտքագրման դաշտեր, քարտեր: 400-ը լռելյայն քաշն է. 500-ը նախատեսված է կոճակների և ընդգծված հղումների համար: Չափերը տատանվում են 10-ից 10-ի սահմաններում՝ կրճատված տողերի միջև հեռավորությամբ (1.47–1.6), ինչը պարբերություններին տալիս է «շնչելու» հնարավորություն: 14-ից 3 չափերի դեպքում տառերի միջև փոքր +1 (2) հեռավորությունը բարելավում է ընթեռնելիությունը փոքր չափերի դեպքում:
- Geist Mono — փոխարինում: JetBrains Mono or IBM Plex Mono · ուրվագծեր 400 · Միկրոտեքստը գտնվում է կոդի կամ տեխնիկական տեքստի կողքին, տեղադրված է 13px չափսի վրա՝ հազվադեպ է օգտագործվում (հաճախականությունը՝ 28) տեխնիկական պիտակների կամ մետատվյալների համար: Մեկ շերտ, մեծ գծի բարձրություն՝ 1.69:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8-16px |
| Կոճակի շառավիղ | 9999px |
| Քարտի շառավիղ | 20px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 96-125px |
| Էջի լայնությունը | 1280px |
Արհեստական բանականությունը կկառուցի ձեր կայքը ElevenLabs ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Awesomic — Խմբագրական ցինկե ցանց՝ կոնֆետի հիշեցնող նարնջագույն կետադրական նշաններով
- Monad — խմբագրական տեխնիկական ամսագիր տաք մագաղաթի վրա
- Dub — Link-ի մատ բրնձե թղթի կառավարման վահանակ
- Seline Analytics — Հանգիստ վերլուծական սեղան տաք թղթի վրա
- Notion — Տաք թղթե տետր կեսօրվա արևի տակ
- Anthropic — Գիտական դաշտային ամսագիր տաք մագաղաթի մասին՝ հանգիստ փղոսկրե մակերեսներով, սերիֆացված խմբագրական վերնագրերով և կավե միակ շեշտադրմամբ, որը հայտնվում է միայն այն ժամանակ, երբ անհրաժեշտ է գործողություն։
- Calendly — Մուգ կապույտ թանաք սառը մարմարի վրա
- Augen Pro — Apple-ի սպիտակ ներկայացումը մոնոքրոմ տարածքում որպես միակ շեշտադրում օգտագործում է կլինիկական, անկշիռ, էլեկտրական կապույտը։
- Antimetal — Խմբագրական տարեգրություն կրեմագույն թղթի վրա՝ հանգիստ առավոտ գիտական ամսագրում, որտեղ զսպվածությունը վստահություն է հաղորդում, իսկ սերիֆները կատարում են ծանր աշխատանքը։
- Perk — Էլեկտրական լայմ տաք մագաղաթյա թղթի վրա
- Ditto — Արևի լույսով լուսավորված արհեստանոց, որը ստեղծում է վայրի ծաղիկների նմուշներ: Տաք կրեմագույն մակերեսներ, վառ դեղին հիմնական գույն, մուգ կապույտ թանաքներ, ստեղծագործության ետևում ծաղկող օրգանական գունային ձևեր:
- Officevibe — Խմբագրական ամսագիր՝ տաք կրեմագույն թղթի վրա: Պատկերացրեք մարդկային ռեսուրսների կառավարման մասին մտածված ակնարկ, որը ներկայացված է որպես ապրանք՝ ժամանակակից կապույտ ինտերֆեյսի միջով շշնջացող շեղագիր սերիֆ տառատեսակ: