
Electronic Materials Office
Ужарени жар у галерији украшеној угљем
Канцеларија за електронске материјале је радионица која ради до касно у ноћ: мат црно платно, један блистави наранџасти жар и фонт који шапуће уместо да изјављује. Интерфејс третира сваки екран као замрачени студио - фотографије тастатуре су једини прави извор светлости, а кориснички интерфејс му се покорава. Наслови, постављени у GT-Flexa грамографији тежине 200, лебде у огромном негативном простору; текст текста је намерно мали и хуманистички настројен (Times). Боја се мери: чисто бела за текст, пригушена љубичаста (#9e9eff) за линкове и један наранџасти (#f45500) позив на акцију на страници који светли сопственим сјајем од 30px. Компоненте се чврсто уклапају у радијусу од 20px, ивице су једва приметне на #9d9d9d, а једине сенке у систему су два обојена ореола око примарне акције.
Платно пуне ширине, боје угља, са центрираним садржајем максималне ширине (~1200 пиксела). Главни екран почиње медијском картицом радијуса 20 пиксела која садржи видео производа, заузимајући отприлике 80% ширине приказног дела, одмах након чега следи вишередни GT-Flexa 200 наслов који се прелама скоро до пуне ширине садржаја. Ритам секција: један одељак са описом производа написан великим словима у стилу Тобијаса, након чега следи мрежа 2x2 (на десктопу) картица са описом производа. Картице користе оквире од 1 пиксела #9d9d9d и олуке од 24 пиксела између њих. Великодушно вертикално дисање — одељци су одвојени са 48–128 пиксела негативног простора боје угља, а не преградама. Навигација је један, транспарентан панел усидрен на врху, са групом скривених линкова и једним Ember позивом на акцију. Нема бочне траке, нема мега-менија, нема секундарне навигације.
Слике су само у сврху демонстрације производа — крупни план макро снимка тастатуре Altar I на потпуно црној позадини, са позадинским осветљењем одозго, што узрокује да кућиште светли, а тастери рефлектују светлост око ивица. Нема начина живота, нема људских руку, нема контекста околине. Слике су високог контраста и тамне; једина боја изван монохроматске палете је наранџасти прекидач за напајање на самој тастатури, што подсећа на позив на акцију Ember Orange. Слике су квадратне или 16:9, увек постављене у картице са радијусом од 20 пиксела и протежу се изван ивица картице (нема размака око фотографије, а текст је испод ивице). Стил иконе: једина иконографија је мали попуњени круг (●) пре логотипа — једна наранџаста тачка, дебљине ~6 пиксела.
Палета
Brend
- 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.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: 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 — Топла радионица од опсидијана - површина за прецизне алате, осветљена тињајућим жаром, где се све ствара