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) — Obsidian галереясының көрмесі - қара фонда бір титан нысаны жарқырап тұрған қараңғы көрме залы.
- Apple (España) — ақ галереялық дисплей қорабы
- teenage engineering — Студиялық жарықтандырудағы өнеркәсіптік каталог - өнім беттегі жалғыз маңызды нысан болып табылады және қалғанының бәрі оның айналасында талқыланады
- Apple (España) — Таңертеңгі тұмандағы галерея терезесі
- Apple (España) — Ақ мұражай галереясы түскі уақытта