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) · Бер гаиләле типографик система төп тексттан алып аңлатмалы текстка кадәр барысы өчен дә кулланыла - авырлыктагы геометрик бердәмлек төп билге булып тора, икенчел яки дисплейга хас шрифтлар кулланудан качу, шуңа күрә 57 пиксель зурлыктагы 'CUSTO®' сүз билгесе 15 пиксель форма кертү кыры ярлыгы белән бер үк типографик гаиләгә карый дип укыла.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | киң |
| Төп адым | 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) — Ак музей галереясе көндезге сәгатьләрдә