Electronic Materials Office
Көмірмен безендірілген галереядағы жарқыраған шоқ
Электрондық материалдар кеңсесі – түнгі шеберхана: күңгірт қара кенеп, бір жарқыраған қызғылт сары түсті шоқ және жариялаудың орнына сыбырлайтын қаріп. Интерфейс әр экранды қараңғы студия сияқты қарастырады – пернетақтаның фотосуреттері жалғыз нақты жарық көзі болып табылады, ал пайдаланушы интерфейсі оған бағынады. 200 салмақты GT-Flexa-да орналасқан тақырыптар үлкен теріс кеңістікте қалқып жүреді; негізгі мәтін әдейі кішкентай және гуманистік (Times). Түс өлшенеді: қаріп үшін таза ақ, сілтемелер үшін күңгірт күлгін (#9e9eff) және өзінің 30 пиксельдік жарқылымен жарқырайтын беттегі бір қызғылт сары (#f45500) әрекетке шақыру. Компоненттер 20 пиксель радиуста тығыз орналасқан, #9d9d9d кезінде шекаралар әрең байқалады, ал жүйедегі жалғыз көлеңкелер – негізгі әрекеттің айналасындағы екі түсті гало.
Толық ені бар, көмір түсті кенеп, ортасында орналасқан, максималды ені бар мазмұн (~1200px). Негізгі экран өнім бейнесін қамтитын 20px радиусты медиа картамен басталады, ол қарау терезесінің енінің шамамен 80%-ын алады, содан кейін бірден толық мазмұн еніне дейін созылатын көп жолды GT-Flexa 200 тақырыбы келеді. Бөлім ырғағы: Tobias стиліндегі бас әріптермен жазылған бір өнім сипаттамасы бөлімі, содан кейін өнім сипаттамасы карталарының 2x2 торы (жұмыс үстелінде). Карталарда 1px #9d9d9d шекаралары және олардың арасында 24px науалары қолданылады. Жомарт тік тыныс алу - бөлімдер бөлгіштердің орнына 48–128px көмір теріс кеңістігімен бөлінген. Навигация - жоғарғы жағында бекітілген бірыңғай, мөлдір панель, жасырын сілтемелер кластері және бір Ember әрекетке шақыруы бар. Бүйірлік тақта жоқ, мега-мәзір жоқ, қосымша навигация жоқ.
Суреттер тек өнімді көрсету мақсатында берілген — Altar I пернетақтасының толығымен қара фонда жақыннан түсірілген макросуреті, жоғарыдан артқы жарық түсірілген, бұл корпустың жарқырауына және пернетақта қақпақтарының шеттеріндегі жарықты шағылыстыруына әкеледі. Өмір салты жоқ, адам қолы жоқ, қоршаған орта контексті жоқ. Суреттер жоғары контраст және қараңғы; монохромды палитрадан тыс жалғыз түс — пернетақтаның өзіндегі қызғылт сары қуат қосқышы, ол Ember Orange әрекетке шақыруын еске түсіреді. Суреттер шаршы немесе 16:9, әрқашан 20 пиксель радиусы бар және картаның шеттерінен асатын карталарға орналастырылады (фотосуреттің айналасында ешқандай толтырғыш жоқ, ал мәтін шетінен төмен орналасқан). Белгіше стилі: жалғыз иконография — логотиптің алдындағы кішкентай толтырылған шеңбер (●) — бір қызғылт сары нүкте, қалыңдығы ~6 пиксель.
Палитра
Бренд
- Ember Orange
#f45500— Толтырмасы бар негізгі әрекет түймесі - пайдаланушы интерфейсіндегі жалғыз хроматикалық бет, ол әрқашан 30 пиксельді қызғылт сары галомен бірге жүреді, бұл оны жіп сияқты жарқыратады; негізгі шақыру түймесіндегі 30 пиксельді сыртқы жарқыл Ember Orange алтыбұрышты символын қайталайды, бірақ толтыру емес, көлеңке ретінде бар, бұл түймені ішінен жарықтандырылған етіп көрсетеді.
Бейтарап
- Studio Charcoal
#202020— Кенеп пен картон беттері қараңғы галереяның едені сияқты, ешқашан толығымен қара емес, сондықтан көз жұмсақ жиектерге тіреледі. - Bone White
#ffffff— Негізгі мәтін, суреттердегі жұқа жиектер және сирек кездесетін төңкерілген бет. Қаріп иерархиясының барлығы тәуелсіз сақталады. - Ash Gray
#9d9d9d— Ақ түс тым қатты болған кезде қолданылатын түс схемасындағы жалғыз орташа сұр түс – дыбысы өшірілген мәтін, нәзік карта жиектері және белсенді емес жазулар. - Mid Felt
#eaeaea— Төңкерілген панельдерге немесе модальды торларға арналған жеңіл беткі бояу - бежевый және қара кенеп арасында орналасқан ақ реңк. - Carbon
#000000— Ең таңқаларлық екпін - белгіше сызықтары мен көмір түсті кенеп пішінін жақсы ұстай алмайтындай жеңіл контрастты жақтаулар. - Lavender Link
#9e9eff— Кірістірілген сілтеменің түсі мен қосымша әрекет жақтауының контуры жылы қызғылт сары түске қарағанда бәсең, салқын контраст болып табылады, бұл әрекеттердің көмір фонында оқылатынын қамтамасыз етеді.
Типография
16-дан 86 пиксельге дейін · 8 қадам
- GT-Flexa — ауыстыру: Inter (200/400) or Manrope (200/400) · контурлар 200, 400 · Тақырыптар мен сәндік элементтерге арналған негізгі қаріп. 200 қалыңдығы 24 пиксельден асатын әрбір тақырыпқа мүмкіндік береді — бұл өзіндік стиль: 68 пиксель және 86 пиксель өлшемдерінде әріптер айқайлаудың орнына атмосфераға сіңіп кететін сияқты. 400 қалыңдығы ішкі тақырыптар мен ашықхат жазбаларына жарамды, мұнда олар әрең естіледі. Ең үлкен өлшемдерде жол аралығы 1,0-ге дейін азайтылған, сондықтан сәндік қаріп ауа бағанасы сияқты бірінің үстіне бірі жиналады.
- Tobias-light — ауыстыру: Söhne Buch or Inter Tight · контурлар 400 · Бөлім тақырыптары мен төменгі колонтитул логотипіне арналған қосымша типографиялық стиль. Тоналды контраст жасау үшін GT-Flexa 200-ден бір саты төмен қолданылады — Tobias сәулеттік және экспрессивті сезімге ие, ал GT-Flexa атмосфералық. Теріс әріптер аралығы Tobias Light-тың кең пропорцияларын тарылтады.
- Times — ауыстыру: Source Serif 4 or PT Serif · контурлар 400 · Негізгі мәтін мен тақырып абзацтары серифтерді пайдаланатын геометриялық, сәндік қаріптерге әдейі қарама-қарсы қойылған. Серифтер негізгі мәтіннің көлемінен аспай, өнім сипаттамаларына жылулық пен редакциялық бедел қосады.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 4-8px |
| Түйме радиусы | 20px |
| Карта радиусы | 20px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 48-128px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Electronic Materials Office стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- OFFFICE : — монолитті қаріпке оранған нуар галереясы
- Bibliothèque — Прожектор астындағы қара текше тәрізді галерея – кең, қараңғы залдағы жалғыз жарықтандырылған тақтайша
- 21 TSI — Қызыл бос орын, жалғыз силуэт – пайдаланушы интерфейсі атмосфераға сіңіп кететін жоғары сән редакциясы
- Structured — Пластилин тәрізді қағаздағы Ренессанс галереясы
- CHAIBOY — Бір ғана жарықтандырылған фотосуреті бар қара галерея қабырғасы
- Holiday 100 — Түн ортасындағы сыйлықтар галереясы — сериф жазуы прожектор ретінде, қара кенеп барқыт қабырға ретінде қызмет етеді, ал әрбір өнімнің суреті мұқият таңдалған жақтау сияқты ілініп тұрады.
- Apple (España) — Мұражай галереясы күндізгі жарықта біртұтас, баурап алатын, салмақсыз ақ кеңістік болып табылады, әрбір экспонат ашық түсті қабырғаға қарсы прожектормен жарықтандырылған.
- Analogue — Қара галереялық витрина – тауарлар бос кеңістікте қалқып тұр
- Apple (España) — Obsidian галереясының көрмесі - қара фонда бір титан нысаны жарқырап тұрған қараңғы көрме залы.
- Studio Oker — Қызыл түсті екпіндері бар қараңғы галерея — ақ әріптер қалқып жүргендей көрінетін және тыныштықты бір қызыл сыбыр бұзып өтетін қара қабырғалармен көмкерілген портфолио бөлмесі.
- 099 SUPPLY — Ақ-қара заттарға толы галерея қабырғасы
- Retool — Жылы обсидиан шеберханасы - дәл құралдарға арналған бет, жанып тұрған шоқтармен жарықтандырылған, онда бәрі жасалған