Custo
Монолиттик шрифт менен мылтыкты камтыган металл түстөгү галерея. Бир гана караңгы объект жана 57 пикселдик шрифт өзү үчүн сүйлөгөн, бүдөмүк боз-жашыл түстөгү көргөзмө залы.
Custo өнөр жай продукцияларынын галереясы катары иштейт: жылуу металл полотно физикалык продукция үчүн фон катары кызмат кылат, ал эми чоң форматтагы типография негизги визуалдык кооздук катары кызмат кылат. Система толугу менен ахроматикалык — хроматикалык түстөр жок — караңгы аноддолгон почта кутучасы жана бир санс-сериф шрифтинин геометриялык тартылуу күчү бренддин бүтүндөй инсандыгын жеткирүүгө мүмкүндүк берет. Ар бир экран кең ак мейкиндикти монументалдуу типографиялык билдирүү менен тең салмактайт, ал эми бренд белгиси дээрлик архитектуралык элемент катары кайталанат. Беттер жалпак жана күңүрт; тереңдик продукциянын өзүнүн чагылдыруусу аркылуу түзүлөт, көлөкө же градиент аркылуу эмес.
Барактын жайгашуусу – бул вертикалдуу жайгаштырылган бир тилкелүү түзүм, максималдуу мазмунунун туурасы ~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) — Ак музейдин галереясы түштө