Superhuman
«Ոսկե ժամ» խմբագրական խորհուրդ
«Գերմարդը» գտնվում է խմբագրական լուսանկարչության և ծրագրային ինտերֆեյսի հատման կետում՝ տաք, մագաղաթանման կտավ (երբեք մաքուր սպիտակ) շրջանակելով շագանակագույն բրենդային տարրերը և վառ մանուշակագույն շեշտադրումները: 460 աստիճան տառատեսակով տեղադրված վերնագրերը շշնջում են, այլ ոչ թե գոռում, թույլ տալով, որ ամբողջ էջի կինեմատոգրաֆիկ լուսանկարչությունը կատարի ծանր աշխատանքը, մինչդեռ կիսաթափանցիկ ապրանքի ինտերֆեյսի քարտերը լողում են ինչպես ապակի պատկերների վերևում: Պալիտրան մնում է հանգիստ և խմբագրական մեծ մասամբ՝ կրեմագույն մակերեսներ, ածխագույն տեքստ, նուրբ տաք-մոխրագույն սահմաններ և տարրերի միջև առատ հեռավորություններ, գույնը պահպանված է միտումնավոր բրենդային կետադրության համար՝ մեկ շագանակագույն կոչ, մանուշակագույն հղումներ, բաց մանուշակագույն լրացուցիչ կոճակ: Համակարգը միտումնավոր խուսափում է ինտերֆեյսի մակերեսների վրա ուժեղ ստվերներից և գրադիենտներից. խորությունը հասնում է վերնագրում շերտավորված լուսանկարչության և նուրբ ֆոնային մշուշոտման միջոցով, այլ ոչ թե կուտակման էֆեկտի միջոցով:
Հիմնական տարրը լիալայնությամբ լուսանկար է՝ կենտրոնացված վերնագրով (48-64px/460) և գործողության կոչով, որը լցված է գինու պատկերով, ձախ և աջ եզրերին լողացող կիսաթափանցիկ ապրանքի UI քարտերով: Հիմնական տարրի տակ սպիտակ շերտավոր լոգոյի շերտ է (6 բջիջ մեկ տողում, առավելագույն լայնությունը սահմանափակ է), ապա մագաղաթյա կտավի վրա սպիտակ քարտային մակերեսներով ներդիրների հատված: Մուգ փիրուզագույն շերտը խախտում է ռիթմը էջի մոտ երկու երրորդում՝ լիալայնությամբ, երկու սյուներով (պատկերը՝ ձախ կողմում, տեքստը՝ աջ կողմում)՝ ստեղծելով միակ տոնային հակադրությունը, երբ դուք գլորում եք: Հետևում է գրադիենտային մթնոլորտային շերտ: Բաժինների միջև ուղղահայաց հեռավորությունը 64-96px է: Բովանդակության առավելագույն լայնությունը մոտ 1200px է կենտրոնացված, որտեղ հիմնական տարրը և մուգ շերտը տարածվում են դիտման պատուհանի ամբողջ լայնությամբ: Նավիգացիան մեկ ֆիքսված վերնագիր է՝ մշուշոտ ֆոնով. առանց կողային վահանակի, առանց մեգա մենյուի: Ստորին մասը լիալայնությամբ բորդո գույնի էջ է՝ հղումների բազմասյունակ դասավորությամբ: Ընդհանուր ռիթմը հետևյալն է՝ գլխավոր կադր → հանգիստ սպիտակ/կրեմագույն բովանդակություն → գլխավոր պատկերի հետ մուգ շերտ → մթնոլորտային գրադիենտ → բորդո ստորին հատված, հերթագայող բաց և մուգ շերտեր՝ խմբագրական տեմպ ստեղծելու համար։
Հիմնական տեսողական տարրը կինեմատոգրաֆիկ լուսանկարչությունն է. բաց երկնքի ֆոնին լիարժեք դիմանկարը ծառայում է որպես կիզակետ, իսկ էջի ներքևում տեղադրված է երկրորդ մթնոլորտային շերտ: Պատկերը տաք երանգավորված է, թեթևակի խլացված և նկարահանված է պրոֆիլով, հիշեցնելով ոսկե ժամ, ստեղծելով ավելի շատ խմբագրական, քան կորպորատիվ տպավորություն: Մուգ շերտ՝ թափանցիկ երկրաչափական ուղղանկյուններով և ձեռագիր արձանագրություններով, վերադրված է մտքերի մեջ կորած տղամարդու լուսանկարի վրա՝ մակերեսների կոլաժ, այլ ոչ թե մեկ պատկեր: Օգտագործողի ինտերֆեյսը ներկայացված է որպես լողացող ապակե քարտեր, որոնք վերադրված են անմիջապես լուսանկարի վրա, այլ ոչ թե որպես առանձին էկրանի պատկերներ: Չկան ֆոնդային նկարազարդումներ, 3D ռենդերներ և աբստրակտ դեկորատիվ ձևեր, բացառությամբ գրադիենտային մթնոլորտային շերտի: Պատկերակները մինիմալիստական մոնոխրոմ գծային պատկերակներ են՝ մոտ 16-20px լայնությամբ, մեկ լայնությամբ, որը համապատասխանում է 460 կետանոց տեքստի կշռին:
Պալիտրա
Բրենդ
- Midnight Wine
#421d24— Հիմնական գործողության կոճակները, բաններային գովազդը և ստորին մասը տաք, գրեթե սև բորդո գույնի են, որն ավելի շատ թանաքի, քան կարմիրի տպավորություն է թողնում, ամրագրելով գունային պալիտրան՝ առանց չափազանց մեծ ուշադրության։ - Royal Violet
#714cb6— Մանուշակագույնը օգտագործվում է հղումները, թեգերը և կարճ արտահայտությունները ընդգծելու համար: Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն:
Չեզոք
- Lilac Mist
#d4c7ff— Երկրորդային մակերեսի լցոնումը, լուսավոր պատկերակները և ուրվականային կոճակների ֆոնը բոլորն էլ ունեն խամրած մանուշակագույն գույն, որը ակնարկում է ապրանքանիշի ոճը՝ առանց ավելորդ ուշադրություն գրավելու։ - Deep Lagoon
#0c4243— Շերտի մուգ ֆոնը, որն օգտագործվում է որպես հիմնական պատմողական տարր, համակարգի միակ մուգ մակերեսն է՝ զուգորդված վերադրված երկրաչափական նախշով։ - Warm Parchment
#f2f0eb— Էջի աշխատանքային մակերեսը գերիշխող տարրն է. սպիտակին որպես հիմք փոխարինում է տաք կրեմագույնը, որը ամբողջ համակարգին հաղորդում է խմբագրական ջերմություն։ - Soft Mist
#e3e3e2— Նուրբ եզրագծեր, քարտի ուրվագծեր, բաժանարար գծեր՝ տաք, բաց մոխրագույն, որը միաձուլվում է մագաղաթի հետ, բայց հստակ սահմանազատում է եզրերը։ - Ink Charcoal
#292827— Հիմնական տեքստը, վերնագրերը, պատկերակների ուրվագծերը՝ տաք, գրեթե սև գույն՝ բավականաչափ շագանակագույնով՝ թղթի վրա թանաքի զգացողության համար, երբեք սառը #000 - Stone Gray
#666666— Երկրորդական տեքստ, օժանդակ տեքստեր, զգուշավոր նկարագրություններ՝ մեկ միջին մոխրագույն գույն, որն օգտագործվում է խնայողաբար՝ հիմնական տեքստի հետ երբեք չմրցակցելու համար։
Տպագրություն
12-ից մինչև 64px · 8 քայլ
- Super Sans VF — փոխարինում: Inter (closest open equivalent for variable weight range) · ուրվագծեր 460, 500, 540, 600, 700 · Ամբողջ համակարգում մեկ տառատեսակ է։ Առանցքային փոփոխականները տատանվում են 460-ից (բոլոր մեծ վերնագրերի տեքստերի համար ստորագրության, թեթևակի կտրված տառատեսակ) մինչև 540 (ընդգծված հիմնական տեքստ) և 700 (փոքր, թավատառ ենթագրեր)։ Հատուկ մշակված պատկերային ֆոնը 460 կշռով վերնագրերը դարձնում է ավելի միտումնավոր, քան պատահական. 48-64px չափսի դեպքում, տառերի միջև փոքր հեռավորությամբ, «թեթևակի կտրված» էֆեկտը ընկալվում է որպես վստահ, այլ ոչ թե բարակ։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 8px |
| Կոճակի շառավիղ | 16px |
| Քարտի շառավիղ | 16px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 64-96px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Superhuman ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- AI for Business — Բրուտալիստական խմբագրական ցուցասրահ տաք մոխրագույն երանգներով
- Jeton — Խմբագրական հոդված տաք մարմարի վրա ֆինտեխի մասին
- Airtable — Հարմարավետ սեմինար՝ տարբեր գույներով նշված գլուխներով
- Osmo — Մոխրագույն բետոնի վրա գտնվող շինարարների թանգարանը
- Linktr — Խմբագրական պաստառները դարսված են ինչպես քաղցրավենիք։ Կայքը նախագծված է գունային բլոկներով՝ վառ կանաչ վերնագրերով, որոնք տեղադրված են կոբալտ-կապույտ պատերի ֆոնին, իսկ սպիտակ դեղահաբի տեսքով նավիգացիոն տարրերը լողում են բորդո դաշտերի վերևում։
- Outsource Consultants — Մեծ ֆորմատի ճարտարապետական թերթիկ ոսկրյա թղթի վրա: Մոնոգրաֆիկ գեղագիտություն, որտեղ ինդիգոյի մեկ պայծառ կտորը ընդհատում է այլապես տաք, տպագրական առումով մաքսիմալիստական ցանցը:
- Streamtime — Tactile Creative Mood Board - Դիզայներական սքրեփբուքինգի սեղան
- Switch-Lit — Խմբագրական ցանց, տպված թանաքով կրեմե թղթի վրա
- HubSpot — Տաք կրեմագույն թուղթ՝ մեկ նարնջագույն շեշտադրմամբ: HubSpot-ը նման է դիզայներական ամսագրի, որը տպագրված է ծանր թղթի վրա՝ սերիֆային վերնագրեր, տաք կրեմագույն էջեր և մեկ կրակոտ նարնջագույն շեշտադրում, որը ընդգծում է միայն ամենակարևոր կետերը:
- Granola — Դաշտային նշումներ տաք մագաղաթի վրա. Գրանոլան կարդացվում է ինչպես արևի լույսով լուսավորված սեղանի վրա բացված մաշված Moleskine տետր. սերիֆ վերնագրերը հաղորդում են ամրության զգացողություն, օրգանական կանաչ շեշտադրումները՝ բուսական թանաքի նման, և քարտերի եզրերին նուրբ գծեր, որոնք նման են ձեռագիր նշումների։
- Secure — Եվրոպական սրճարանում մեղմ ցերեկային լույսի ներքո զրույցը տեսազանգի տաք, ոճային մեկնաբանություն է, որտեղ սերիֆ վերնագրերը կարդացվում են որպես մտածված ամսագրի հոդված, այլ ոչ թե տեխնոլոգիական ապրանքի էջ։
- Mockups made easy — Խմբագրական դիզայնի ստուդիա սպիտակ թղթի վրա