Electronic Materials Office
Ġamra tiddi f'gallerija mżejna bil-faħam tal-kannol
L-Uffiċċju tal-Materjali Elettroniċi huwa workshop li jibda tard bil-lejl: kanvas iswed matt, dawl oranġjo wieħed li jiddi, u tipa li tgerger aktar milli tiddikjara. L-interface tittratta kull skrin bħal studio mudlam—ritratti tat-tastiera huma l-unika sors ta’ dawl reali, u l-UI tobdiha. L-aħbarijiet, issettjati f’GT-Flexa ta’ 200 piż, jitilgħu fi spazju negattiv vast; il-korp tal-kitba huwa intenzjonalment żgħir u umanistiku (Times). Il-kulur jitkejjel: abjad pur għat-tip, vjola sieket (#9e9eff) għal-links, u sejħa għal azzjoni oranġjo waħda (#f45500) fuq il-paġna li tiddi bid-dija tagħha stess ta’ 30px. Il-komponenti joqogħdu sew f’raġġ ta’ 20px, il-fruntieri bilkemm huma notevoli f’#9d9d9d, u l-uniċi dellijiet fis-sistema huma żewġ halos ikkuluriti madwar l-azzjoni primarja.
Kanvas ta' wisa' sħiħ, faħam tal-kannol b'kontenut iċċentrat ta' wisa' massima (~1200px). L-iskrin prinċipali jibda b'kard tal-midja b'raġġ ta' 20px li fiha vidjow tal-prodott, li jokkupa bejn wieħed u ieħor 80% tal-wisa' tal-viewport, segwit immedjatament minn titlu GT-Flexa 200 b'ħafna linji li jdur kważi mal-wisa' sħiħa tal-kontenut. Ritmu tas-sezzjoni: sezzjoni waħda ta' deskrizzjoni tal-prodott b'ittri kbar fl-istil Tobias, segwita minn grilja ta' 2x2 (fuq id-desktop) ta' karti ta' deskrizzjoni tal-prodott. Il-karti jużaw borduri ta' 1px #9d9d9d u kanali ta' 24px bejniethom. Nifs vertikali ġeneruż—is-sezzjonijiet huma separati minn 48–128px ta' spazju negattiv faħam tal-kannol minflok diviżuri. In-navigazzjoni hija panel wieħed u trasparenti ankrat fil-parti ta' fuq, bi grupp ta' links moħbija u sejħa għall-azzjoni Ember waħda. L-ebda sidebar, l-ebda mega-menu, l-ebda navigazzjoni sekondarja.
L-immaġnijiet huma għal skopijiet ta’ dimostrazzjoni tal-prodott biss—ritratt makro mill-qrib tat-tastiera Altar I fuq sfond kompletament iswed, b’dawl ta’ wara minn fuq, li jikkawża li l-kaxxa tiddi u l-keycaps jirriflettu d-dawl mat-truf. L-ebda stil ta’ ħajja, l-ebda idejn umani, l-ebda kuntest ambjentali. L-immaġni hija b’kuntrast għoli u skura; l-uniku kulur barra l-paletta monokromatika huwa s-swiċċ tal-enerġija oranġjo fuq it-tastiera nnifisha, li jirrifletti s-sejħa għall-azzjoni Ember Orange. L-immaġnijiet huma kwadri jew 16:9, dejjem imqiegħda f’karti b’raġġ ta’ 20px u jestendu lil hinn mit-truf tal-karta (m’hemm l-ebda padding madwar ir-ritratt, u t-test huwa taħt it-tarf). Stil tal-ikona: l-unika ikonografija hija ċirku żgħir mimli (●) qabel il-logo—punt oranġjo wieħed, ħoxnin ~6px.
Paletta
Marka
- Ember Orange
#f45500— Il-buttuna tal-azzjoni primarja b'mili hija l-unika wiċċ kromatiku fl-UI, dejjem akkumpanjata minn halo oranġjo ta' 30px, li jagħmilha tiddi bħal filament; id-dija ta' barra ta' 30px fuq il-buttuna tas-sejħa primarja tidduplika s-simbolu tal-eżagonu Ember Orange, iżda teżisti bħala dell aktar milli mili, u b'hekk il-buttuna tidher imdawla minn ġewwa.
Newtrali
- Studio Charcoal
#202020— L-uċuħ tat-tila u l-kartun huma bħall-art ta’ gallerija mudlama, qatt ma jkunu kompletament suwed, sabiex l-għajn tkun tista’ tistrieħ fuq it-truf rotob. - Bone White
#ffffff— Test prinċipali, borduri rqaq fuq l-immaġini, u wiċċ rari maqlub. Il-ġerarkija kollha tat-tipa tinżamm b'mod indipendenti. - Ash Gray
#9d9d9d— Test sieket, borduri sottili tal-karti, u sottotitoli inattivi huma l-uniċi griżi medji fl-iskema tal-kuluri, użati meta l-abjad ikun qawwi wisq. - Mid Felt
#eaeaea— Ħasil ċar tal-wiċċ għal pannelli maqlubin jew grilji modali - dell ta' abjad li joqgħod bejn kanvas beige u skur. - Carbon
#000000— L-aktar aċċent impressjonanti huwa għal puplesiji ta' ikoni u gwarniċi kontrastanti fejn il-kanvas tal-faħam tal-kannol huwa ħafif wisq biex iżomm il-forma tiegħu sew. - Lavender Link
#9e9eff— Il-kulur tal-link inkorporat u l-kontorn tal-qafas ta' azzjoni addizzjonali huma kuntrast sieket u kiesaħ mal-oranġjo sħun, u jiżguraw li l-azzjonijiet ikunu leġġibbli fuq l-isfond tal-faħam tal-kannol.
Tipografija
minn 16 sa 86px · 8 passi
- GT-Flexa — sostituzzjoni: Inter (200/400) or Manrope (200/400) · linji gwida 200, 400 · Il-font primarju għall-intestaturi u l-elementi dekorattivi. Il-piż ta' 200 jippermetti kull intestatura 'l fuq minn 24px—dan huwa stil distintiv: b'68px u 86px, l-ittri jidhru li jinħallu fl-atmosfera aktar milli jgħajtu. Il-piż ta' 400 huwa adattat għal sottointestaturi u captions tal-karti, fejn bilkemm jinstemgħu. L-ispazjar tal-linji jitnaqqas għal 1.0 fl-akbar daqsijiet, għalhekk il-font dekorattiv jimtela fuq xulxin bħal kolonna ta' arja.
- Tobias-light — sostituzzjoni: Söhne Buch or Inter Tight · linji gwida 400 · Stil ta' tipografija sekondarja għall-intestaturi tas-sezzjonijiet u l-logo tal-footer. Jintuża pass wieħed taħt GT-Flexa 200 biex jinħoloq kuntrast tonali—Tobias għandu sensazzjoni aktar arkitettonika u espressiva, filwaqt li GT-Flexa huwa aktar atmosferiku. L-ispazjar negattiv tal-ittri jnaqqas il-proporzjonijiet wesgħin ta' Tobias Light.
- Times — sostituzzjoni: Source Serif 4 or PT Serif · linji gwida 400 · Il-korp tat-test u l-paragrafi tal-intestatura huma kontrapunt intenzjonat għall-fonts ġeometriċi u dekorattivi, bl-użu ta' serifs. Is-serifs iżidu sħana u awtorità editorjali mad-deskrizzjonijiet tal-prodott mingħajr ma jaqbżu d-daqs tal-korp tat-test.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | dens |
| Pass bażiku | 4-8px |
| Raġġ tal-buttuna | 20px |
| Raġġ tal-karta | 20px |
| Dellijiet | le - fruntieri minflok dellijiet |
| Bejn is-sezzjonijiet | 48-128px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Electronic Materials Office u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- OFFFICE : — gallerija noir mgħottija b'font monolitiku
- Bibliothèque — Gallerija sewda forma ta’ kubu taħt spotlight – pjanċa illuminata waħedha f’sala vasta u mudlama
- 21 TSI — Vojt krimżi, siluwett wieħed – editorjal tal-moda għolja fejn l-interfaċċja tal-utent tinħall fl-atmosfera
- Structured — Gallerija Rinaxximentali fuq karta simili għall-plastilina
- CHAIBOY — Ħajt ta' gallerija sewda b'ritratt wieħed imdawwal minn wara
- Holiday 100 — Gallerija ta’ rigali f’nofsillejl—titlu serif iservi bħala spotlight, kanvas skur bħala ħajt tal-bellus, u kull immaġni ta’ prodott tiddendel bħal qafas magħżul bir-reqqa.
- Apple (España) — Il-gallerija tal-mużew, fid-dawl tax-xemx artab, hija spazju abjad wieħed, affaxxinanti u bla piż, b'kull wirja mdawla minn spotlight kontra ħajt ikkulurit ħafif.
- Analogue — Vetrina sewda tal-gallerija – l-oġġetti jittajru fil-vojt
- Apple (España) — Il-vetrina tal-Obsidian Gallery hija sala tal-wirjiet mudlama fejn oġġett wieħed tat-titanju jiddi fuq sfond iswed ċappa.
- Studio Oker — Gallerija mudlama b'aċċenti iskarlatini—kamra tal-portafoll miksija b'ħitan suwed, fejn ittri bojod jidhru li jgħumu u leħen aħmar wieħed jaqta' s-skiet.
- 099 SUPPLY — Ħajt ta' gallerija mimlija b'oġġetti suwed u bojod
- Retool — Workshop sħun tal-obsidjana - wiċċ għal għodda ta' preċiżjoni, imdawwal minn ġamra tan-nar, fejn kollox jinħoloq