Electronic Materials Office
Ardanta ardaĵo en galerio ornamita per lignokarbo
La Oficejo de Elektronikaj Materialoj estas malfru-nokta laborejo: senbrila nigra kanvaso, ununura brilanta oranĝa ardaĵo, kaj tiparo kiu flustras anstataŭ deklaras. La interfaco traktas ĉiun ekranon kiel mallumigitan studion — fotoj de la klavaro estas la sola vera lumfonto, kaj la uzantinterfaco obeas ĝin. Titoloj, metitaj en 200-peza GT-Flexa, flosas en vasta negativa spaco; la korpoteksto estas intencite malgranda kaj humanisma (Times). Koloro estas mezurata: pura blanka por tiparo, malforta viola (#9e9eff) por ligiloj, kaj ununura oranĝa (#f45500) voko al ago sur la paĝo kiu brilas per sia propra 30-piksela brilo. Komponantoj konvenas dense ene de 20-piksela radiuso, randoj estas apenaŭ rimarkeblaj ĉe #9d9d9d, kaj la solaj ombroj en la sistemo estas du koloraj aŭreoloj ĉirkaŭ la ĉefa ago.
Plenlarĝa, karbkolora kanvaso kun centrita, maksimumlarĝa enhavo (~1200 rastrumeroj). La ĉefa ekrano komenciĝas per 20-rastruma amaskomunikila karto enhavanta produktan filmeton, okupante proksimume 80% de la larĝo de la vidfenestro, tuj sekvata de plurlinia GT-Flexa 200 titolo, kiu preskaŭ ampleksas la plenan larĝon de la enhavo. Sekcia ritmo: ununura produkta priskriba sekcio en Tobias-stila tute majuskloj, sekvata de 2x2 krado (sur labortablo) de produktaj priskribaj kartoj. Kartoj uzas 1-rastrumajn #9d9d9d borderojn kaj 24-rastrumajn enkanaligojn inter ili. Malavara vertikala spirado - sekcioj estas apartigitaj per 48-128 rastrumeroj da karbkolora negativa spaco anstataŭ dividiloj. Navigado estas ununura, travidebla panelo ankrita supre, kun aro da kaŝitaj ligiloj kaj ununura Ember-voko-al-ago. Neniu flanka kolumno, neniu mega-menuo, neniu sekundara navigado.
La bildoj estas nur por produktaj demonstraj celoj — proksim-makro-foto de la Altar I-klavaro kontraŭ tute nigra fono, kun fonlumo de supre, igante la keston brili kaj la klavarŝirmilojn reflekti lumon ĉirkaŭ la randoj. Neniu vivstilo, neniuj homaj manoj, neniu media kunteksto. La bildoj estas alt-kontrastaj kaj malhelaj; la sola koloro ekster la monokroma paletro estas la oranĝkolora ŝaltilo sur la klavaro mem, kiu ripetas la Ember Orange-vokon. La bildoj estas kvadrataj aŭ 16:9, ĉiam metitaj en kartojn kun radiuso de 20 rastrumeroj kaj etendiĝantaj preter la randoj de la karto (ne estas remburaĵo ĉirkaŭ la foto, kaj la teksto estas sub la rando). Ikonstilo: la sola ikonografio estas malgranda plena cirklo (●) antaŭ la emblemo — ununura oranĝkolora punkto, ~6 rastrumeroj dika.
Paletro
Marko
- Ember Orange
#f45500— La ĉefa agbutono kun plenigaĵo estas la sola kromata surfaco en la uzantinterfaco, ĉiam akompanata de 30-piksela oranĝa aŭreolo, kiu igas ĝin brili kiel filamento; la 30-piksela ekstera brilo sur la ĉefa vokbutono duplikatas la heksagonan simbolon Ember Orange, sed ekzistas kiel ombro anstataŭ plenigaĵo, igante la butonon ŝajni lumigita de interne.
Neŭtrala
- Studio Charcoal
#202020— La surfacoj de kanvaso kaj kartono estas kiel la planko de malluma galerio, neniam tute nigraj, por ke la okulo povu ripozi sur la molaj randoj. - Bone White
#ffffff— Ĉefa teksto, maldikaj randoj sur bildoj, kaj malofta renversita surfaco. La tuta tipara hierarkio estas konservata sendepende. - Ash Gray
#9d9d9d— Silentigita teksto, subtilaj kartrandoj kaj neaktivaj apudskriboj estas la solaj mezgrizaj nuancoj en la kolorskemo, uzataj kiam blanko estas tro laŭta. - Mid Felt
#eaeaea— Hela surfaclavo por inversaj paneloj aŭ modalaj kradoj - nuanco de blanka kiu sidas inter flavgriza kaj malhela kanvaso. - Carbon
#000000— La plej frapa akcento estas por ikonaj strekoj kaj kontrastaj kadroj, kie la karbkolora kanvaso estas tro hela por bone teni sian formon. - Lavender Link
#9e9eff— La koloro de la enigita ligilo kaj la konturo de la aldona agkadro estas obtuza, malvarmeta kontrasto al la varma oranĝkoloro, certigante ke la agoj estas legeblaj kontraŭ la karba fono.
Tipografio
de 16 ĝis 86 rastrumeroj · 8 paŝoj
- GT-Flexa — anstataŭaĵo: Inter (200/400) or Manrope (200/400) · konturoj 200, 400 · La ĉefa tiparo por titoloj kaj ornamaj elementoj. La pezo de 200 permesas ĉiun titolon super 24 rastrumeroj — ĉi tio estas karakteriza stilo: je 68 rastrumeroj kaj 86 rastrumeroj, la literoj ŝajnas dissolviĝi en la atmosferon anstataŭ krii. La pezo de 400 taŭgas por subtitoloj kaj bildotekstoj, kie ili estas apenaŭ aŭdeblaj. La liniinterspaco estas reduktita al 1.0 ĉe la plej grandaj grandecoj, do la ornamaj tiparoj stakiĝas unu sur la alia kiel aerkolono.
- Tobias-light — anstataŭaĵo: Söhne Buch or Inter Tight · konturoj 400 · Dua tipografia stilo por sekciaj titoloj kaj la piednoto-emblemo. Ĝi estas uzata unu ŝtupon sub GT-Flexa 200 por krei tonan kontraston — Tobias havas pli arkitekturan, esprimplenan senton, dum GT-Flexa estas pli atmosfera. La negativa literinterspaco malvastigas la larĝajn proporciojn de Tobias Light.
- Times — anstataŭaĵo: Source Serif 4 or PT Serif · konturoj 400 · La teksto kaj la titoloj estas konscia kontrapunkto al la geometriaj, ornamaj tiparoj, uzante serifojn. La serifoj aldonas varmecon kaj redakcian aŭtoritaton al la produktopriskriboj sen superi la grandecon de la teksto.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | densa |
| Baza paŝo | 4-8px |
| Butona radiuso | 20px |
| Karto-radiuso | 20px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 48-128px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Electronic Materials Office kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- OFFFICE : — noir-galerio englutita en monolita tiparo
- Bibliothèque — Nigra kubforma galerio sub lumĵetilo - sola lumigita plato en vasta, malluma halo
- 21 TSI — Purpura malpleno, ununura silueto - altmoda ĉefartikolo kie la uzantinterfaco dissolviĝas en la atmosferon
- Structured — Renesanca galerio sur plastil-simila papero
- CHAIBOY — Nigra galerio-muro kun ununura fonlumigita foto
- Holiday 100 — Galerio de donacoj je noktomezo — serifa titolo servas kiel lumĵetilo, malhela kanvaso kiel velura muro, kaj ĉiu produkta bildo pendas kiel zorge elektita kadro.
- Apple (España) — La muzeogalerio, en mola taglumo, estas ununura, alloga, senpeza blanka spaco, kun ĉiu ekspoziciaĵo lumigita per lumĵetilo kontraŭ malpeze nuancigita muro.
- Analogue — Nigra galerio-vitrino - varoj ŝvebas en la malpleno
- Apple (España) — La ekspoziciejo de la Obsidian Gallery estas malhela ekspoziciejo, kie ununura titania objekto brilas kontraŭ nigra fono.
- Studio Oker — Mallumigita galerio kun skarlataj akcentoj — portfolio-ĉambro vicita per nigraj muroj, kie blankaj literoj ŝajnas flosi kaj ununura ruĝa flustro tranĉas la silenton.
- 099 SUPPLY — Galerio-muro plena de nigraj kaj blankaj objektoj
- Retool — Varma obsidianlaborejo - surfaco por precizaj iloj, lumigita per bruletantaj ardaĵoj, kie ĉio kreiĝas