Custo
Ган төмөр өнгөтэй, цул фонттой галерей. Бүдэг саарал ногоон өнгөтэй, ганц бараан объект болон 57 пикселийн фонт өөрөөрөө ярьдаг үзэсгэлэнгийн танхим.
Custo нь аж үйлдвэрийн бүтээгдэхүүний галерей болж үйлчилдэг: дулаан металл даавуу нь бодит бүтээгдэхүүний дэвсгэр болж үйлчилдэг бол том хэмжээтэй фонт нь үндсэн харааны чимэглэл болдог. Систем нь хатуу ахроматик бөгөөд хроматик өнгөгүй бөгөөд бараан аноджуулсан захидлын хайрцаг болон ганц sans-serif фонтын геометрийн хүндийн хүч нь брэндийн бүхэл бүтэн онцлогийг илэрхийлэх боломжийг олгодог. Дэлгэц бүр нь өргөн уудам цагаан орон зайг монументаль фонтын мэдэгдэлтэй тэнцвэржүүлдэг бөгөөд брэндийн тэмдэг нь бараг архитектурын элемент болгон давтагддаг. Гадаргуу нь хавтгай, царцсан; гүн нь бүтээгдэхүүний өөрийн тусгалаар бий болдог бөгөөд сүүдэр эсвэл градиентаар биш юм.
Хуудасны зохион байгуулалт нь харах цонхны төвд байрлах, дээд тал нь ~1280px өргөнтэй, босоо байрлалтай дан багана бүтэц юм. Үндсэн хуудасны элемент нь хуудасны бүх өргөнийг хамардаг бөгөөд ирмэгээс ирмэг хүртэл Canvas Gunmetal #9ea29f фонтоор дүрслэгдсэн бөгөөд баруун талд нь шуудангийн хайрцагны зураг, доод ирмэгийг нь 57px CUSTO® лого бэхэлсэн байна. Үндсэн элементийн доор хэсгүүд ээлжлэн байрлана: хоёр баганатай текст блок (зүүн талд нь жижиг тайлбар, баруун талд нь том гарчиг), дараа нь гурван бүтээгдэхүүний зургийн картын хэвтээ тор, дараа нь хоёр баганатай текст болон зургийн мөрүүд, үндсэн текст хоёр талд нь ээлжлэн байрлана. Хэсгүүдийн хоорондох ус зайлуулах хоолойнууд нь 110px бөгөөд мэдэгдэхүйц босоо амьсгалах зай үүсгэдэг. Навигаци нь гүйлгэх үед цаасан цагаан болж бүдгэрдэг ганц тунгалаг дээд самбар юм. CES дүрс нь баруун доод буланд байрлах тогтмол, хөвөгч элемент юм. Нийт хэмнэл нь галерей шиг: хэсэг бүрт цөөн элемент, том фонт, өргөн зай, текстийн зурвасуудын хооронд харагдах цэг таслал болгон бүтээгдэхүүний зураг.
Зурагнууд нь зөвхөн Custo шуудангийн хайрцгийн бүтээгдэхүүний гэрэл зураг бөгөөд гурван горимд авсан: металл хүрээний эсрэг бүтэн уртын хөрөг зураг, төхөөрөмжтэй хүний харилцан үйлчлэлийг харуулсан амьдралын хэв маягийн зургууд, сканнердах интерфэйс болон LED цагирагны ойрын зураг. Бүх зургийг бүдэг, өндөр тодосгогчтой өнгөөр авсан бөгөөд шуудангийн хайрцгийн царцсан хар өнгөлгөө нь харааны зангуу болж үйлчилдэг. Зураг чимэглэл, хийсвэр график эсвэл нөөц зураг байхгүй. Гэрэл зургуудыг 8px радиустай картууд дээр байрлуулсан эсвэл 57px логоны ард бүтэн дэлгэцээр ашигласан. CES дүрс нь вэбсайт дээрх цорын ганц олон өнгийн зураг юм.
Палетт
Төвийг сахисан
- Canvas Gunmetal
#9ea29f— Үндсэн болон сэдэвчилсэн хэсгүүдийн дулаан саарал-ногоон дэвсгэр нь Custo-г стандарт цагаан SaaS загваруудаас ялгаж, дижитал гадаргуу гэхээсээ илүү архитектурын бетон шиг мэдрэмж төрүүлдэг. - Obsidian
#000000— Үндсэн текст, нимгэн хүрээ, дүрсний зураас - систем дэх хамгийн өндөр тодосгогч бэх бөгөөд гарчиг болон бүтцийн хуваагчдад ашиглагддаг. - Paper White
#ffffff— Биеийн хэсгийн дэвсгэр зураг, буутай зотон дээр урвуу текст, бүтээгдэхүүний гэрэл зургийн бараан дэвсгэр дээр текст. - Anodized Graphite
#4b514d— Бүтээгдэхүүний гэрэл зургийн бараан гадаргуу, нэмэлт гарчиг, гурван хэмжээст текст нь шуудангийн хайрцгийн өнгөлгөөг давтдаг тул хэрэглэгчийн интерфэйс болон бүтээгдэхүүнийг ижил материалаар хийсэн. - Brushed Steel
#8e9194— Суулгагдсан мета өгөгдөл болон нууц холбоосуудын хувьд дарагдсан үндсэн текст, жагсаалтын хуваагч болон нэмэлт дүрсний тоймууд нь Paper White болон Obsidian-ы хооронд байрладаг. - Linen Mist
#a7aaad— Гарчиг болон хуваах шугамын хил болон хуваагчийн цайвар өнгө нь Обсидианы өнгөний бүтцийн шугамтай хэзээ ч өрсөлддөггүй нарийн сүүдэр юм.
Типографи
15-аас 57 пиксел хүртэл · 5 алхам
- PP Neue Montreal — солих: Inter · тоймууд 400 (Medium) · Биеийн текстээс эхлээд тайлбар текст хүртэл бүх зүйлд нэг гэр бүлийн типографийн системийг ашигладаг - жингийн геометрийн жигд байдал нь гол шинж чанар бөгөөд хоёрдогч эсвэл дэлгэцийн тусгай фонт ашиглахаас зайлсхийдэг тул 57px дээр тохируулсан 'CUSTO®' үгийн тэмдэг нь 15px маягтын оролтын талбарын шошготой ижил типографийн гэр бүлд хамаарах гэж уншигддаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 24px |
| Товчлуурын радиус | 31.35px (pill) for primary action; 8px for secondary |
| Картын радиус | 8px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 110px |
| Хуудасны өргөн | 1280px |
Хиймэл оюун ухаан таны вэбсайтыг Custo хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- 099 SUPPLY — Хар цагаан эд зүйлсээр дүүрсэн галерейн хана
- Specht Studio — Нууцлаг сониуч зангаар дүүрэн галерейн хана. Студийн өөрийн хром өнгөлгөө нь цагаан гадаргуу, хар үсэгтэй; харааны салютууд нь төслийн плитаны ажилд бүхэлдээ төвлөрсөн байдаг.
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- VSCO — Галерейн монохром хана нь хар цагаан гэрэл зургийн үзэсгэлэн бөгөөд ганцхан дулаан гэрлийн тусгал нь дараагийн үйлдлийг гэрэлтүүлдэг.
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
- Peak Design — Галерейн хана, хэсэгчлэн гэрэлтүүлэгтэй
- Apple (España) — Обсидиан галерейн үзэсгэлэн нь хар дэвсгэр дээр ганц титан объект гэрэлтэж буй харанхуй үзэсгэлэнгийн танхим юм.
- Apple (España) — цагаан галерей дэлгэцийн хайрцаг
- teenage engineering — Студи гэрэлтүүлэг дэх аж үйлдвэрийн каталог - бүтээгдэхүүн нь хуудсан дээрх цорын ганц чухал объект бөгөөд бусад бүх зүйлийг түүний эргэн тойронд хэлэлцдэг
- Apple (España) — Өглөөний манан дунд галерейн цонх
- Apple (España) — Цагаан музейн галерей үд дунд