Caldera
Կրակ կռեք տաք կրաքարի վրա։ Կտավը հում, տաք սվաղ է, և յուրաքանչյուր նարնջագույն տարր նման է մակերեսին սեղմված ծխացող ածուխի։
Կալդերան գործում է տաք կրաքարե կտավի վրա, որը ողողված է հալված նարնջագույնով: Ինտերֆեյսը հարթ է և ստվերազուրկ, ինչը թույլ է տալիս գրեթե ճարտարապետական մասշտաբով (մինչև 189px) գերհամարձակ, խտացված տիպը կրել ամբողջ կառուցվածքային բեռը: Միակ վառ նարնջագույնը (#fc5000) հանդես է գալիս որպես միակ, ագրեսիվ քրոմատիկ շեշտադրում՝ մոնոխրոմ, տաք մոխրագույնների ֆոնի վրա, պլազմային մանուշակագույնը նախատեսված է հիմնական կիսատոնային պատկերի համար, իսկ ծծմբի դեղինը` պիտակների համար: Տեսողական լեզուն հրաբխային է. խտացված, ծանր տառեր, կիսատոնային կետերի նախշեր, քարտերի և կոճակների վրա 40px շառավղով և 800px հաբաձև կառավարման տարրեր՝ ջերմություն, որը պարուրված է փափուկ, թղթանման մակերեսի մեջ:
Տեսողական պալիտրաը մինիմալիստական և մտածված է: Գլխավոր պատուհանում լուսանկարի փոխարեն օգտագործվում է աբստրակտ կիսատոնային կետային նախշ (նարնջագույն կետեր մանուշակագույնից նարնջագույն գրադիենտի վրա). այն ծառայում է ոչ թե որպես զարդարանք, այլ որպես ապրանքանիշի գեղարվեստական արտահայտություն: Ապրանքի մասին տեղեկատվությամբ և հայտարարություններով քարտերը որպես պատկերի լրացում օգտագործում են կամ ամբողջական Ember բլոկներ, կամ կիսատոնային Plasma Violet, ապահովելով միասնական գրաֆիկական համակարգ: Գործընկերների/ինտեգրացիայի լոգոները հայտնվում են որպես մոնոխրոմ պատկերակներ բաց ֆոնի վրա: Լուսանկարներ, 3D ռենդերներ կամ կենսակերպի պատկերներ չկան: Պատկերակները փոքր են, մոնոխրոմ և մինիմալիստական. Discord-ը, X-ը և Telegram տեղակայված են նավիգացիայի մեջ որպես պարզ գլիֆներ: Տեսողական լեզուն գրաֆիկական և խմբագրական է, այլ ոչ թե լուսանկարչական. այն ավելի շատ նման է պաստառի դիզայնի, քան արխիվային պատկերների:
Պալիտրա
Բրենդ
- Ember
#fc5000— Հիմնական գործողության կոճակները, վիճակագրության քարտերը և հիմնական տեսողական շեշտադրումները միակ ագրեսիվ գունային շեշտադրումն են. դրա հարստությունը տաք մոխրագույն երանգների ֆոնին ստեղծում է հրատապության զգացողություն՝ առանց լրացուցիչ դեկորատիվ տարրերի անհրաժեշտության։ - Plasma Violet
#524ae9— Հիմնական կիսատոնային գրադիենտային հիմք, մեկ լրացուցիչ քարտի մակերես - Օգտագործվում է գրեթե բացառապես հիմնական կետային նախշով և մեկ նվիրված քարտի վրա. երբեք չի օգտագործվել կառավարման համար։
Չեզոք
- Sulfur
#f5f28e— Թեգերի և կատեգորիաների պատկերակների՝ փոքր շեշտադրումների ֆոնը մեղմ դեղին գույն է, որն օգտագործվում է բլոգի գրառումների կատեգորիաները և ծրագրերի հայտարարությունները նշելու համար։ - Limestone
#f7f6f2— Քարտի մակերեսները, բովանդակության բլոկների ֆոնը և լրացուցիչ կոճակների լրացումները սպիտակի ավելի բաց, տաք երանգ են, որը տարրերը առանձնացնում է էջի կտավի համեմատ։ - Pumice
#e2e2df— Էջի հիմնական ֆոնը տաք միջին մոխրագույն է, որը ծառայում է որպես յուրաքանչյուր բաժնի հիմք։ Այն մի փոքր ավելի մուգ է, քան ստվարաթղթի մակերեսը, ինչը թույլ է տալիս նուրբ տարանջատել պատկերը և ֆոնը՝ առանց ստվերների։ - Obsidian
#070607— Հիմնական տեքստը, վերնագրերը, հղումների տեքստը և կոճակների շրջանակները գրեթե սև են՝ հազիվ նկատելի տաք երանգով, որը համապատասխանում է կտավի տաք գույներին։ - Chalk
#ffffff— Տեքստ մուգ հատվածներում, տեքստի մուտքագրում մուգ ֆոնի վրա, բարձր կոնտրաստի ծածկույթներ - Մաքուր սպիտակը օգտագործվում է միայն այն դեպքում, երբ պահանջվում է մուգ մակերեսների հետ առավելագույն կոնտրաստ:
Տպագրություն
12-ից մինչև 189px · 10 քայլ
- PP Neue Corp Compact — փոխարինում: Bebas Neue · ուրվագծեր 400 (Ultrabold cut) · Բոլոր վերնագրերը և ցուցադրվող տեքստը։ Հատուկ նախագծված, խտացված, գերհամարձակ տառատեսակը վերնագրերին հաղորդում է արդյունաբերական, ցուցանականման ծանրություն։ Գլխավոր բլոկի 189px չափը արտացոլում է ապրանքանիշի ստորագրության ոճը՝ խտացված, գրեթե կառուցվածքային, այլ ոչ թե տպագրական։ «ss06» և «ss10» կարգավորումները ակտիվացնում են տառերի այլընտրանքային ձևերը և միջակայքերը՝ ավելի ագրեսիվ, խտացված ռիթմի համար։ Տառերի միջև դրական միջակայքը (+0.02em) անսովոր է ցուցադրման չափերի համար և կանխում է 80–189px չափերի վրա տեքստի նեղվածության զգացողությունը։
- DM Sans — փոխարինում: Inter · ուրվագծեր 500 (Medium only — never Regular or Bold) · Հիմնական տեքստը, նավիգացիոն հղումները, կոճակների պիտակները և երկրորդական վերնագրերը մինչև 30px չափի են։ Միջին տառատեսակի հաստությունը ընտրվել է միտումնավոր. Regular-ը չափազանց բարակ կերևա չափազանց թավատառ վերնագրի տառատեսակի դեմ, իսկ Bold-ը կմրցակցի դրա հետ։ DM Sans-ը ստեղծում է արդյունաբերական վերնագրի տառատեսակի հումանիստական, թեթևակի երկրաչափական հակադրություն։
- System sans-serif — փոխարինում: Inter · ուրվագծեր 400 · Ենթագրեր, մետատեքստ, ամսաթվեր, միկրոթեգեր։ Օգտագործվում է միայն 12px չափսի դեպքում, որտեղ քաշը և ապրանքանիշի ճանաչելիությունը պակաս կարևոր են, քան չափի վրա խնայելը։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | միջին |
| Հիմնական քայլ | 16px |
| Կոճակի շառավիղ | 40px |
| Քարտի շառավիղ | 40px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 80px |
| Էջի լայնությունը | 1280px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Caldera ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- teenage engineering — Արդյունաբերական կատալոգ ստուդիայի լուսավորության մեջ - ապրանքը էջի միակ նշանակալի օբյեկտն է, և մնացած ամեն ինչ քննարկվում է դրա շուրջ
- basement — Դատարկ տպագրական մեքենա ժամը 3-ին՝ հսկայական, սեղմված տառատեսակներ, որոնք տարածվում են խավարի մեջ, նարնջագույն լույսի մի փոքրիկ շող նավիգացիայի վահանակում, մնացած ամեն ինչ սպիտակ կամ ուրվականային մոխրագույն է։
- amra — Սպիտակ ֆոնի վրա ծիածանափայլ գունդ. մանուշակագույն շեշտադրումը գրեթե կատարյալ աքրոմատիկ էջի վրա միակ գունային զարկերակն է, և միակ գրադիենտային գունդը կատարում է այն աշխատանքը, որը սովորաբար կատարում է հիմնական նկարազարդումը։
- Stink Studios — Կինոստուդիա կեսգիշերին՝ պրոյեկտորը բզզում է, սենյակը մութ է, միայն ժապավենն է լուսավորված
- Andrei Rybin — Մոնոխրոմ էսքիզների տետրը դիզայներական տետր է, որի հեռախոսի էկրանները ամրացված են սպիտակ պատին՝ ինչպես կոնտակտային թերթիկները։
- Uniswap Cup — Էլեկտրոնային սպորտի մրցույթի հեռարձակումը տեղի է ունենում մակետային կայքում՝ վարդագույն մարկերով ուրվագծվում է սպիտակ քառակուսիների և բարակ գծերի ցանց։
- Freytag Anderson — Կինոթատրոնի վարագույրը բարձրանում է մեկ բառից։ Հսկայական շարժվող պատկերը զբաղեցնում է ամբողջ էկրանը, ապրանքանիշի անունը անկյունում է՝ ինչպես վերնագիր, և ուրիշ ոչինչ չի շեղում ուշադրությունը։
- Integrated Biosciences — Կենսալուսարձակման լաբորատորիա կեսգիշերին
- Vercel — Տերմինալը տպված է սպիտակ թղթի վրա
- Mintlify — Ամպերի այգի՝ ապակե սեղանի վերևում։ Ձեռքով նկարված երկինքը և վավերագրական ֆիլմը միահյուսված են՝ միակ վայրը, որտեղ գույնն ու հայեցակարգը բախվում են, նախքան էջը վանական սպիտակի մեջ կմտնի։
- Gleap — Աշխատանքային տարածք, որը զարդարված է տաք կրեմի երանգներով և գրաֆիտային շեշտադրումներով. ստուդիա, որտեղ սև, անփայլ թանաքի կետերը, կարծես, լողում են կտավատի ճարտարապետության վերևում։
- ClickUp — Սպիտակ մարմարի վրա հզոր վահանակ։ Էջը արտադրողականության գործիքի ապրանքային գրքույկ է, ուստի տեսողական լեզուն փոխառված է հենց ապրանքից՝ խիտ ցուցակներ, կարգավիճակի ցուցիչներ, ավատարների խմբեր և համարձակ տպագրական հայտարարություններ, որոնք նման են ցուցադրված ապրանքի տեխնիկական բնութագրին։