Airbnb
Հանգիստ սպիտակ պատկերասրահի պատ՝ մեկ մարջանագույն կարմիր էջանիշով
Airbnb-ն գործում է «սպիտակ կտավի» ոճով, որտեղ լուսանկարչությունը գերիշխում է. գրեթե յուրաքանչյուր էկրան հանգիստ մոնոխրոմ շրջանակ է, որը թույլ է տալիս գույքի լիաէկրան պատկերներին փոխանցել ընդհանուր տպավորությունը՝ միակ, հարուստ մարջանագույն-կարմիր շեշտադրմամբ (Rausch) որպես գործողության միակ գունային ազդանշան: Տառատեսակը երկրաչափական sans-serif է (Airbnb Cereal VF)՝ հիմնականում փոքր, վստահ չափսերով՝ հիմնական տեքստի, ինտերֆեյսի և բաժինների վերնագրերի համար (22-22)՝ խիստ բացասական տողային հեռավորությամբ և առատ տողային հեռավորությամբ, ինչը խիտ տեքստով քարտերը դարձնում է ընթեռնելի: Ինտերֆեյսը հարթ է, շրջանակազուրկ և կլորացված՝ քարտերի և կառավարման վահանակների վրա 12-3 շառավղով, կլոր հաբի տեսքով կոճակներով և փափուկ, շերտավոր ստվերներով միայն որոնման դաշտի նման աչքի ընկնող տարրերի համար: Մնացած ամեն ինչ՝ քարտերը, ցուցակի տարրերը, հղումները՝ հիմնված են սպիտակ տարածության և նուրբ գծերի վրա, այլ ոչ թե քրոմի շեշտադրումների վրա:
Լրիվ լայնությամբ դասավորություն՝ առանց ֆիքսված առավելագույն լայնության սահմանափակման. բովանդակությունը ձգվում է եզրից եզր՝ տեսանելի տարածքում, աշխատասեղանի վրա յուրաքանչյուր կողմում մոտավորապես 40px հորիզոնական լրացումով: Հերոսը լողացող որոնման պարկուճ է, որը կենտրոնացած է չեզոք սպիտակ կտավի վրա՝ առանց պատկերի կամ վերնագրի. որոնման դաշտը ՀԵՐՈՍՆ է: Որոնման ներքևում էջը անցնում է ուղղահայաց դարսված, հորիզոնական գլորվող բաժինների (երևում են չորս տողեր. Ընտրված տներ, Հիանալի հյուրանոցներ, Այլ քաղաք, Հասանելի է հաջորդ ամիս), յուրաքանչյուրը մոտավորապես 320px բարձրությամբ, բաժանված 48px ուղղահայաց ջրատարներով: Յուրաքանչյուր բաժին օգտագործում է 7 քարտանոց ցանց՝ հորիզոնական լրացմամբ և սլաքներով նավիգացիայով: Ստորին մասը #f7f7f7 ֆոնի վրա հղումների 3 սյունականոց ցանց է, որին հաջորդում է ներքևի գոտի՝ հեղինակային իրավունքի տեղեկատվությամբ, լեզվի/արժույթի տարբերակներով և սոցիալական ցանցերի պատկերակներով: Նավիգացիան ֆիքսված վերին գոտի է՝ կենտրոնացված ներդիրների նավիգացիայով և աջ կողմում հավասարեցված կառավարման տարրերով:
Լուսանկարչությունը գերիշխում է տեսողական համակարգում՝ անշարժ գույքի ցուցակների լիաէկրան պատկերներով, որոնք ծառայում են որպես հիմնական բովանդակության տեսակ: Բոլոր լուսանկարները իրական տների և հյուրանոցների տաք, լավ լուսավորված ներքին և արտաքին լուսանկարներ են, որոնք մշակվել են բնական գունային շտկմամբ (առանց ծանր ֆիլտրերի կամ երկգույն երանգների): Պատկերները խստորեն կտրված են ցուցակների քարտերի համար՝ 1:1 կողմերի հարաբերակցությամբ, լրացնելով քարտի եզրը՝ առանց արյունահոսությունների: Ինտերֆեյսի ամբողջ պատկերակները ունեն մոնոխրոմ ուրվագիծ (գծի հաստությունը՝ ~16–16), որն օգտագործվում է խնայողաբար նավիգացիոն կատեգորիաների և UI կառավարման համար: Լոգոն միակ բազմագույն գրաֆիկական տարրն է (Rausch): Ոչ մի նկարազարդում, ոչ մի 3D ռենդերինգ, ոչ մի աբստրակտ գրաֆիկա. տեսողական լեզուն մաքուր լուսանկարչություն է և մինիմալիստական մոնոխրոմ պատկերագրություն՝ փափուկ սպիտակ կտավի վրա:
Պալիտրա
Բրենդ
- Rausch
#ff385c— Կարմիրը օգտագործվում է որպես դեկորատիվ շեշտադրում պատկերակների, ցուցանակների և փոքր գրաֆիկական մանրամասների համար: Այն չպետք է օգտագործվի որպես գործողության կոչերի հիմնական գույն: - Rausch 600
#e00b41— Rausch ներկի սեղմված և մուգ տարբերակ՝ նախատեսված մակերեսների համար, որոնք օգտագործվում են որպես ապրանքանիշի շեշտադրումներ՝ թռչող/ակտիվ մակերեսների վրա։
Չեզոք
- Hof
#222222— Հիմնական տեքստը, հիմնական տեքստը, վերնագրերը, պատկերակների ուրվագծերը և շրջված ֆոնը սևին մոտ չեզոք գույն են, որը ծառայում է որպես ամբողջ աքրոմատիկ համակարգի հիմք։ - Foggy
#6a6a6a— Երկրորդական տեքստ, անջատված ենթագրեր, օժանդակ տեքստ, անջատված պատկերակի լրացում և քարտերի վերնագրերի տակ գտնվող դիսկրետ մետատվյալներ։ - Grey 500
#c1c1c1— Անջատված տեքստ, մուտքագրման դաշտերում տեղապահ տեքստ և անջատված պատկերակների ուրվագծեր, որտեղ անհրաժեշտ է կարգավիճակի վրա շեշտադրումը նվազեցնել։ - Bebe
#ebebeb— Բարակ եզրագծեր, ընդգծված մուտքագրման դաշտեր, ցուցակի տողերի միջև բաժանիչներ և նուրբ բաժանարար գծեր։ - Deco
#dddddd— Քարտի ֆոնային պատկերներ ոչ ակտիվ կոնտեյներների, տեղապահների և անջատված քարտերի վիճակների համար։ - Faint
#f7f7f7— Էջի կտավի ֆոնային պատկերը, ստորին էջի մակերեսը և ինտերակտիվ տարրերի համար մկնիկի կախիչի դիրքը մեղմ, կրեմագույն երանգ են, որը տարբերակում է այս էջը մաքուր սպիտակ քարտերից։
Տպագրություն
11-ից մինչև 28px · 5 քայլ
- Airbnb Cereal VF — փոխարինում: Circular · ուրվագծեր 400, 500, 600, 700 · Airbnb-ի համար նախատեսված երկրաչափական sans-serif տառատեսակ։ Հիմնական տեքստը տեղադրված է 14px/400 չափսի, UI պիտակները՝ 16px/500 չափսի, բաժինների վերնագրերը՝ 20px/600 չափսի, 22px/500 չափսի՝ տառերի միջև փոքր հեռավորությամբ՝ -0.02em, իսկ էջերի վերնագրերը՝ 28px/700 չափսի։ Բացասական տառերի միջև հեռավորությունը նվազում է չափի մեծացման հետ, ինչը բնորոշ է երկրաչափական sans-serif տառատեսակներին մեծ էկրանների չափերի դեպքում։ Միացնում է «աղ» այլընտրանքային գլիֆի գործառույթը։
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 12px |
| Կոճակի շառավիղ | 9999px |
| Քարտի շառավիղ | 12px |
| Ստվերներ | մեղմ ստվերներ |
| Բաժինների միջև | 48px |
| Էջի լայնությունը | 1440px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Airbnb ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- Apple (España) — սպիտակ պատկերասրահի ցուցափեղկ
- Silencio — Սպիտակ սենյակ՝ լողացող արտեֆակտներով։ Տաք թղթից պատրաստված պատկերասրահի ցուցադրություն, որտեղ յուրաքանչյուր տարր զբաղեցնում է իր տեղը բացասական ծավալի ֆոնի վրա, իսկ լռությունը միտումնավոր դիզայնի որոշում է։
- Oakâme — Արևով ողողված Պրովանսական արհեստանոց, որը փորագրված է տաք քարից
- Nike — Սպորտային նվաճումների միագույն պատկերասրահ՝ սպիտակ պատեր, ապրանքը որպես արվեստի գործ, ֆոնին լուծված քրոմ
- Arc — Արդյունաբերական սպիտակ պատկերասրահ կեսգիշերային ջրի վրա
- Rivian — Էլեկտրական մոնոլիտ պատկերասրահի բետոնե պատին։ Ռիվիանը յուրաքանչյուր տրանսպորտային միջոց ներկայացնում է որպես քանդակ՝ հսկայական սպիտակ տարածության ֆոնին, որի տպագրությունը այնքան մեծ է, որ դառնում է ճարտարապետական տարր, և միակ տաք դեղինը խախտում է մոնոքրոմատիկ մթնոլորտը՝ ինչպես արևի լույսը անփայլ մակերեսի վրա։
- Analogue — Սև պատկերասրահի ցուցափեղկ – ապրանքները սավառնում են դատարկության մեջ
- ddna — տաք թանգարանային ցուցափեղկ՝ չմշակված կտավի վրա
- Zellerfeld — Քանդակագործի արհեստանոց սպիտակ մարմարի վրա՝ պատվանդանի մոնոլիտ մակերեսները, կոբալտի միակ կայծը, հատակից մինչև առաստաղ ձգվող փոքրատառերի շշուկը
- UY Studio — Վանքի քարե պատկերասրահը բետոնե պատերով լուռ տարածք է, որտեղ օծանելիքի շշերը տեղադրված են սպիտակ պատվանդանների վրա՝ լուսավորված մեկ 400 վատտանոց լամպով և չորս տաք մոխրագույն լամպերով։
- Basic.Space — կուրատորական պատկերասրահ սպիտակ մարմարի վրա
- COS — նորաձև պատկերասրահ սպիտակ պատերով