Electronic Materials Office
Izzó parázs egy faszénnel díszített galériában
Az Elektronikus Anyagok Irodája egy késő esti műhely: matt koromfekete vászon, egyetlen izzó narancssárga parázs és egy betűtípus, amely inkább suttog, mintsem kijelent. A kezelőfelület minden képernyőt elsötétített stúdióként kezel – a billentyűzet fényképei az egyetlen igazi fényforrás, és a felhasználói felület engedelmeskedik ennek. A 200-as súlyú GT-Flexa fóliába foglalt címsorok hatalmas negatív térben lebegnek; a szöveg szándékosan kicsi és emberközpontú (Times). A színeket mérik: tiszta fehér a betűtípushoz, tompa lila (#9e9eff) a linkekhez, és egyetlen narancssárga (#f45500) cselekvésre ösztönzés az oldalon, amely saját 30 képpontos fényével világít. Az összetevők szorosan illeszkednek egy 20 képpontos sugarú körön belül, a szegélyek alig észrevehetők a #9d9d9d-nél, és a rendszerben az egyetlen árnyék a fő művelet körüli két színes glória.
Teljes szélességű, szénmintás vászon középre igazított, maximális szélességű tartalommal (~1200 képpont). A főképernyő egy 20 képpontos sugarú médiakártyával kezdődik, amely egy termékvideót tartalmaz, és a nézetablak szélességének nagyjából 80%-át foglalja el, ezt közvetlenül egy többsoros GT-Flexa 200 címsor követi, amely majdnem a teljes tartalom szélességéig tart. Szekcióritmus: egyetlen termékleírás-szekció Tobias stílusú, csupa nagybetűvel, majd egy 2x2-es rács (asztali gépen) a termékleírás-kártyákból. A kártyák 1 képpontos #9d9d9d szegélyeket és 24 képpontos kötőelemeket használnak közöttük. Bőséges függőleges légzés – a szekciókat 48–128 képpontos szénmintás negatív tér választja el elválasztók helyett. A navigáció egyetlen, átlátszó panel, amely felül van rögzítve, rejtett linkek csoportjával és egyetlen Ember cselekvésre ösztönzéssel. Nincs oldalsáv, nincs megamenü, nincs másodlagos navigáció.
A képek kizárólag termékbemutató célokat szolgálnak – az Altar I billentyűzet közeli makrófelvétele teljesen fekete háttér előtt, felülről megvilágított háttérvilágítással, ami miatt a ház világít, a billentyűsapkák pedig a széleken visszaverik a fényt. Nincs életstílus, nincsenek emberi kezek, nincs környezeti kontextus. A kép kontrasztos és sötét; a monokróm palettán kívül csak a billentyűzeten található narancssárga bekapcsológomb jelenik meg, amely az Ember Orange cselekvésre ösztönzését idézi. A képek négyzet alakúak vagy 16:9-esek, mindig 20 képpontos sugarú kártyákon helyezkednek el, és túlnyúlnak a kártya szélein (nincs kitöltési keret a fotó körül, a szöveg pedig a szél alatt található). Ikonstílus: az egyetlen ikonográfia egy kis kitöltött kör (●) a logó előtt – egyetlen narancssárga pont, ~6 képpont vastag.
Paletta
Márka
- Ember Orange
#f45500— A kitöltéssel ellátott elsődleges műveletgomb az egyetlen kromatikus felület a felhasználói felületen, amelyhez mindig egy 30 képpontos narancssárga glória társul, így izzószálként világít; az elsődleges hívógomb 30 képpontos külső fénye az Ember Orange hatszög szimbólumot másolja, de árnyékként, nem pedig kitöltésként létezik, így a gomb belülről megvilágítottnak tűnik.
Semleges
- Studio Charcoal
#202020— A vászon és karton felületek olyanok, mint egy sötét galéria padlója, soha nem teljesen fekete, hogy a szem a puha széleken pihenhessen. - Bone White
#ffffff— Fő szöveg, vékony szegélyek a képeken és egy ritka fordított felület. A teljes betűtípus-hierarchia függetlenül kerül kezelésre. - Ash Gray
#9d9d9d— A némított szöveg, a finom kártyaszegélyek és az inaktív feliratok az egyetlen középszürke árnyalat a színsémában, amelyet akkor használnak, ha a fehér túl harsány. - Mid Felt
#eaeaea— Világos felületmosás fordított panelekhez vagy modális rácsokhoz - a fehér árnyalata, amely a bézs és a sötét vászon között helyezkedik el. - Carbon
#000000— A legfeltűnőbb hangsúly az ikonvonásoknál és a kontrasztos kereteknél van, ahol a szénvászon túl könnyű ahhoz, hogy jól megtartsa a formáját. - Lavender Link
#9e9eff— A beágyazott link színe és a kiegészítő műveleti keret körvonala visszafogott, hűvös kontrasztot alkot a meleg narancssárgával, biztosítva, hogy a műveletek olvashatók legyenek a szénszürke háttér előtt.
Tipográfia
16-ról 86 képpontra · 8 lépésben
- GT-Flexa — csere: Inter (200/400) or Manrope (200/400) · körvonalak 200, 400 · A címsorok és díszítőelemek elsődleges betűtípusa. A 200-as vastagság minden 24 képpont feletti címsort lehetővé tesz – ez egy jellegzetes stílus: 68 és 86 képpontnál a betűk inkább feloldódnak a légkörben, mintsem kiabálnának. A 400-as vastagság alcímsorokhoz és kártyafeliratokhoz alkalmas, ahol alig hallhatók. A sorköz a legnagyobb méretekben 1,0-re csökken, így a díszítő betűtípus légoszlopként rakódik egymásra.
- Tobias-light — csere: Söhne Buch or Inter Tight · körvonalak 400 · Másodlagos tipográfiai stílus a szakaszcímekhez és a lábléc logójához. Egy lépéssel a GT-Flexa 200 alatt használjuk, hogy tónusos kontrasztot hozzunk létre – a Tobias építészetibb, kifejezőbb hangulatot kölcsönöz, míg a GT-Flexa hangulatosabb. A negatív betűköz szűkíti a Tobias Light széles arányait.
- Times — csere: Source Serif 4 or PT Serif · körvonalak 400 · A szövegtörzs és a címsorok szándékosan ellenpontozzák a geometrikus, dekoratív betűtípusokat, talpak használatával. A talpak melegséget és szerkesztői tekintélyt kölcsönöznek a termékleírásoknak anélkül, hogy túllépnék a törzsszöveg méretét.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 4-8px |
| Gomb sugara | 20px |
| Kártya sugara | 20px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 48-128px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Electronic Materials Office stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- OFFFICE : — egy monolitikus betűtípusba burkolt noir galéria
- Bibliothèque — Egy fekete, kocka alakú galéria reflektorfény alatt – egy magányos megvilágított tányér egy hatalmas, sötét teremben
- 21 TSI — Bíborvörös űr, egyetlen sziluett – egy divatos editoriál, ahol a felhasználói felület feloldódik a légkörben
- Structured — Reneszánsz galéria gyurmaszerű papíron
- CHAIBOY — Egy fekete galériafal egyetlen hátulról megvilágított fényképpel
- Holiday 100 — Éjféli ajándékgaléria – egy talpas címsor reflektorfényként, egy sötét vászon bársonyfalként szolgál, és minden termékkép gondosan kiválasztott keretként lóg.
- Apple (España) — A múzeumi galéria lágy nappali fényben egyetlen, magával ragadó, súlytalan fehér tér, ahol minden kiállítási tárgyat egy reflektor világít meg egy enyhén színezett fal előtt.
- Analogue — Fekete galériavitrin – áruk lebegnek az ürességben
- Apple (España) — Az Obsidian Galéria bemutatóterme egy sötét kiállítóterem, ahol egyetlen titán tárgy világít koromsötét háttér előtt.
- Studio Oker — Sötét galéria skarlátvörös díszítéssel – egy fekete falakkal szegélyezett irattár, ahol fehér betűk lebegni látszanak, és egyetlen vörös suttogás hasítja át a csendet.
- 099 SUPPLY — Egy galériafal, tele fekete-fehér tárgyakkal
- Retool — Egy meleg obszidián műhely - precíziós szerszámok felülete, parázsló fényben, ahol minden elkészül