Electronic Materials Office
Жар во галерија украсена со јаглен
Канцеларијата за електронски материјали е работилница доцна во ноќта: мат црно платно, една светкава портокалова жар и фонт што шепоти, а не декларира. Интерфејсот го третира секој екран како затемнето студио - фотографиите од тастатурата се единствениот вистински извор на светлина, а корисничкиот интерфејс го почитува. Насловите, поставени во GT-Flexa со тежина од 200, лебдат во огромен негативен простор; текстот на телото е намерно мал и хуманистички (Times). Бојата се мери: чисто бела за фонт, пригушена виолетова (#9e9eff) за врски и еден портокалов (#f45500) повик за акција на страницата што свети со свој сјај од 30px. Компонентите цврсто се вклопуваат во радиус од 20px, границите се едвај забележливи на #9d9d9d, а единствените сенки во системот се два обоени ореоли околу примарното дејство.
Платно со целосна ширина, во боја на јаглен, со центрирана содржина со максимална ширина (~1200px). Главниот екран започнува со медиумска картичка со радиус од 20px што содржи видео од производот, зафаќајќи приближно 80% од ширината на прозорецот за преглед, веднаш проследено со наслов од повеќе редови GT-Flexa 200 што се протега до речиси целосната ширина на содржината. Ритам на секцијата: еден дел за опис на производот со големи букви во стилот на Тобијас, проследен со мрежа од 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 — Топла работилница за обсидијан - површина за прецизни алатки, осветлена од тлеечки жар, каде што сè се создава