Electronic Materials Office
Светещ жарава в галерия, украсена с дървени въглища
Офисът за електронни материали е работилница, работеща до късно през нощта: матово черно платно, един-единствен светещ оранжев жаравак и шрифт, който шепне, а не заявява. Интерфейсът третира всеки екран като затъмнено студио - снимките на клавиатурата са единственият истински източник на светлина и потребителският интерфейс му се подчинява. Заглавията, поставени в GT-Flexa с тегло 200, се носят в огромно негативно пространство; основният текст е умишлено малък и хуманистичен (Times). Цветът е измерен: чисто бяло за шрифта, приглушено лилаво (#9e9eff) за връзките и един-единствен оранжев (#f45500) призив за действие на страницата, който свети със собствено 30px сияние. Компонентите пасват плътно в радиус от 20px, рамките са едва забележими на #9d9d9d, а единствените сенки в системата са два цветни ореола около основното действие.
Пълноразмерно платно с тъмносив цвят и центрирано съдържание с максимална ширина (~1200px). Главният екран започва с медийна карта с радиус 20px, съдържаща видеоклип на продукта, заемащ приблизително 80% от ширината на прозореца за преглед, непосредствено последвана от многоредово заглавие GT-Flexa 200, което се простира почти до пълната ширина на съдържанието. Ритъм на секциите: единична секция с описание на продукта, написана с главни букви в стил Tobias, последвана от мрежа 2x2 (на десктоп) от карти с описание на продукта. Картичките използват 1px #9d9d9d рамки и 24px улуци между тях. Щедро вертикално дишане - секциите са разделени от 48–128px тъмносив цвят, а не от разделители. Навигацията е единичен, прозрачен панел, закрепен в горната част, с клъстер от скрити връзки и едно Ember призив за действие. Без странична лента, без мегаменю, без вторична навигация.
Изображенията са само за демонстрация на продукта – макро снимка отблизо на клавиатурата Altar I на напълно черен фон, с подсветка отгоре, която кара корпуса да свети, а клавишите да отразяват светлината по краищата. Няма начин на живот, няма човешки ръце, няма екологичен контекст. Изображенията са с висок контраст и тъмни; единственият цвят извън монохромната палитра е оранжевият бутон за захранване на самата клавиатура, който отразява подканата за действие Ember Orange. Изображенията са квадратни или 16:9, винаги поставени в карти с радиус 20px и простиращи се отвъд краищата на картата (няма отстъп около снимката, а текстът е под ръба). Стил на иконата: единствената иконография е малък запълнен кръг (●) преди логото – една оранжева точка, дебела ~6px.
Палитра
Марка
- Ember Orange
#f45500— Основният бутон за действие със запълване е единствената хроматична повърхност в потребителския интерфейс, винаги придружена от 30px оранжев ореол, което го кара да свети като нишка; 30px външното сияние на основния бутон за повикване дублира символа на шестоъгълника Ember Orange, но съществува като сянка, а не като запълване, което прави бутона да изглежда осветен отвътре.
Неутрален
- Studio Charcoal
#202020— Платното и картонените повърхности са като под на тъмна галерия, никога напълно черни, така че окото да може да си почине върху меките ръбове. - Bone White
#ffffff— Основен текст, тънки рамки на изображенията и рядко срещана обърната повърхност. Цялата йерархия на шрифтовете се поддържа независимо. - Ash Gray
#9d9d9d— Приглушеният текст, фините рамки на картите и неактивните надписи са единствените средно сиви тонове в цветовата схема, използвани, когато бялото е твърде силно. - Mid Felt
#eaeaea— Леко повърхностно измиване за обърнати панели или модални решетки - нюанс на бялото, който се намира между бежово и тъмно платно. - Carbon
#000000— Най-забележителният акцент е върху икони и контрастни рамки, където платното с въглен е твърде светло, за да запази добре формата си. - Lavender Link
#9e9eff— Цветът на вградената връзка и очертанията на допълнителната рамка за действие са в приглушен, хладен контраст с топло оранжевото, което гарантира, че действията са четливи на фона на въглен.
Типография
от 16 до 86px · 8 стъпки
- GT-Flexa — замяна: Inter (200/400) or Manrope (200/400) · очертания 200, 400 · Основният шрифт за заглавия и декоративни елементи. Теглото 200 позволява всяко заглавие над 24px – това е отличителен стил: при 68px и 86px буквите сякаш се разтварят в атмосферата, вместо да крещят. Теглото 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.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- OFFFICE : — галерия от ноар, обгърната от монолитен шрифт
- Bibliothèque — Черна кубообразна галерия под прожектор – самотна осветена чиния в огромна, тъмна зала
- 21 TSI — Пурпурна празнота, един-единствен силует – високомодна редакционна статия, където потребителският интерфейс се разтваря в атмосферата
- Structured — Галерия „Ренесанс“ върху хартия, подобна на пластилин
- CHAIBOY — Черна стена на галерията с една-единствена снимка с подсветка
- Holiday 100 — Галерия от подаръци в полунощ – заглавие със серифни букви служи като прожектор, тъмно платно като кадифена стена, а всяко изображение на продукт виси като внимателно подбрана рамка.
- Apple (España) — Галерията на музея, осветена от мека дневна светлина, е едно-единствено, завладяващо, безтегловно бяло пространство, като всеки експонат е осветен от прожектор на фона на леко тонирана стена.
- Analogue — Черна витрина за галерия – стоките се носят в празнотата
- Apple (España) — Витрината на галерия „Обсидиан“ е тъмна изложбена зала, където един-единствен титаниев обект свети на тъмночерен фон.
- Studio Oker — Затъмнена галерия с алени акценти — стая с портфолио, облицована с черни стени, където бели букви сякаш се носят, а един-единствен червен шепот прорязва тишината.
- 099 SUPPLY — Галерийна стена, изпълнена с черно-бели предмети
- Retool — Топла обсидианова работилница - повърхност за прецизни инструменти, осветена от тлеещи жарава, където се създава всичко