Electronic Materials Office
Una brace incandescente in una galleria decorata cù carbone
L'Uffiziu di i Materiali Elettronichi hè un attellu di notte: una tela nera opaca, una sola brace aranciu luminosa, è un carattere chì sussurra piuttostu chè dichjara. L'interfaccia tratta ogni schermu cum'è un studio scuru - e fotografie di a tastiera sò l'unica vera fonte di luce, è l'interfaccia utente l'ubbedisce. I tituli, impostati in GT-Flexa di 200 grammature, flottanu in un vastu spaziu negativu; u testu hè intenzionalmente chjucu è umanisticu (Times). U culore hè misuratu: biancu puru per u testu, viola tenue (#9e9eff) per i ligami, è una sola chjama à l'azzione aranciu (#f45500) nantu à a pagina chì brilla cù u so propiu bagliore di 30px. I cumpunenti si adattanu strettamente in un raghju di 20px, i bordi sò appena percepibili à #9d9d9d, è l'uniche ombre in u sistema sò dui aloni culurati intornu à l'azione primaria.
Una tela di culore carbone à larghezza piena cù cuntenutu centratu di larghezza massima (~1200px). U schermu principale principia cù una carta multimediale di raghju di 20px chì cuntene un video di produttu, chì occupa circa l'80% di a larghezza di a finestra di visualizazione, seguitata subitu da un titulu GT-Flexa 200 multilinea chì si snoda guasi à a larghezza cumpleta di u cuntenutu. Ritmu di a sezione: una sola sezione di descrizzione di u produttu in maiuscule in stile Tobias, seguita da una griglia 2x2 (nantu à u desktop) di carte di descrizzione di u produttu. E carte utilizanu bordi di 1px #9d9d9d è grondaie di 24px trà di elle. Generosa respirazione verticale: e sezioni sò separate da 48-128px di spaziu negativu culore carbone invece di divisori. A navigazione hè un unicu pannellu trasparente ancoratu in cima, cù un gruppu di ligami nascosti è una sola chjama à l'azione Ember. Nisuna barra laterale, nisun mega-menu, nisuna navigazione secundaria.
L'imagine sò solu per scopi di dimustrazione di u produttu - una macro in primu pianu di a tastiera Altar I contr'à un sfondate cumpletamente neru, cù una retroilluminazione da sopra, chì face chì a carcassa si illumini è i tasti riflettinu a luce intornu à i bordi. Nisun stile di vita, nisuna manu umana, nisun cuntestu ambientale. L'imaghjini sò à altu cuntrastu è scure; l'unicu culore fora di a paleta monocromatica hè l'interruttore di accensione aranciu nantu à a tastiera stessa, chì richiama a chjama à l'azione Ember Orange. L'imagine sò quadrate o 16:9, sempre piazzate in carte cù un raghju di 20px è chì si estendenu oltre i bordi di a carta (ùn ci hè micca imbottitura intornu à a foto, è u testu hè sottu à u bordu). Stile di l'icona: l'unica iconografia hè un picculu cerchju pienu (●) prima di u logu - un unicu puntu aranciu, ~6px di spessore.
Paletta
Marca
- Ember Orange
#f45500— U buttone d'azzione primariu cù un riempimentu hè l'unica superficia cromatica in l'interfaccia utente, sempre accumpagnata da un alone aranciu di 30px, chì a face brillà cum'è un filamentu; u bagliore esternu di 30px nantu à u buttone di chjama primariu duplica u simbulu esagonale Ember Orange, ma esiste cum'è un'ombra piuttostu chè un riempimentu, facendu chì u buttone pare illuminatu da l'internu.
Neutru
- Studio Charcoal
#202020— E superfici di tela è cartone sò cum'è u pianu di una galeria scura, mai cumpletamente nera, affinchì l'ochju possi ripusassi nantu à i bordi morbidi. - Bone White
#ffffff— Testu principale, bordi fini nantu à l'imagine, è una rara superficia invertita. Tutta a ghjerarchia di caratteri hè mantenuta indipindentamente. - Ash Gray
#9d9d9d— U testu silenziatu, i bordi suttili di e carte è e didascalie inattive sò l'unicu grisgiu mediu in u schema di culori, adupratu quandu u biancu hè troppu forte. - Mid Felt
#eaeaea— Un lavatu superficiale chjaru per pannelli invertiti o griglie modali - una tonalità di biancu chì si trova trà a tela beige è scura. - Carbon
#000000— L'accentu u più impressiunante hè per i tratti d'icona è i quadri cuntrastanti induve a tela di carbone hè troppu ligera per mantene bè a so forma. - Lavender Link
#9e9eff— U culore di u ligame integratu è u contornu di u quadru d'azzione supplementu sò un cuntrastu silenziu è frescu cù l'aranciu caldu, assicurendu chì l'azzioni sò leggibili contr'à u fondu carbone.
Tipografia
da 16 à 86px · 8 passi
- GT-Flexa — rimpiazzamentu: Inter (200/400) or Manrope (200/400) · contorni 200, 400 · U caratteru principale per i tituli è l'elementi decorativi. U pesu 200 permette ogni titulu sopra à 24px - questu hè un stile di firma: à 68px è 86px, e lettere parenu dissolve si in l'atmosfera invece di gridà. U pesu 400 hè adattatu per i sottotitoli è e didascalie di e carte, induve sò appena audibili. A spaziatura di e linee hè ridutta à 1.0 à e dimensioni più grande, cusì u caratteru decorativu si impila unu sopra l'altru cum'è una colonna d'aria.
- Tobias-light — rimpiazzamentu: Söhne Buch or Inter Tight · contorni 400 · Un stile di tipografia secundariu per i tituli di sezzione è u logu di u piè di pagina. Hè adupratu un passu sottu à GT-Flexa 200 per creà un cuntrastu tonale - Tobias hà un aspettu più architettonicu è espressivu, mentre chì GT-Flexa hè più atmosfericu. A spaziatura negativa di e lettere restringe e larghe proporzioni di Tobias Light.
- Times — rimpiazzamentu: Source Serif 4 or PT Serif · contorni 400 · U testu di u corpu è i paragrafi di l'intestazione sò un contrapuntu vuluntariu à i caratteri geometrichi è decorativi, chì utilizanu serif. I serif aghjunghjenu calore è autorità editoriale à e descrizzioni di i prudutti senza superà a dimensione di u testu di u corpu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 4-8px |
| Raggiu di u buttone | 20px |
| Raggiu di a carta | 20px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 48-128px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Electronic Materials Office è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- OFFFICE : — una galeria noir inghjuttita in caratteri monolitichi
- Bibliothèque — Una galeria nera in forma di cubu sottu à un riflettore - una sola piastra illuminata in una vasta sala scura
- 21 TSI — Un viotu cremisi, una sola siluetta - un editoriale di alta moda induve l'interfaccia utente si dissolve in l'atmosfera.
- Structured — Galleria rinascimentale nantu à carta simile à a plastilina
- CHAIBOY — Un muru di galeria neru cù una sola fotografia retroilluminata
- Holiday 100 — Una galeria di rigali à mezanotte - un titulu serif serve da riflettore, una tela scura cum'è un muru di vellutu, è ogni imagine di pruduttu hè appesa cum'è una cornice attentamente scelta.
- Apple (España) — A galeria di u museu, in a dolce luce di u ghjornu, hè un unicu spaziu biancu accattivante è senza pesu, cù ogni mostra illuminata da un riflettore contr'à un muru ligeramente culuritu.
- Analogue — Vetrina nera di a galeria - e merci si libranu in u viotu
- Apple (España) — A vetrina di a Galleria Obsidian hè una sala d'esposizione scura induve un unicu oggettu di titaniu brilla contr'à un fondu neru cum'è a pece.
- Studio Oker — Una galeria scura cù accenti scarlatti - una stanza di u portfolio rivestita di muri neri, induve e lettere bianche parenu fluttuà è un unicu sussurru rossu taglia u silenziu.
- 099 SUPPLY — Un muru di galleria pienu d'oggetti bianchi è neri
- Retool — Un attellu d'ossidiana caldu - una superficia per strumenti di precisione, illuminata da braci fumanti, induve tuttu hè creatu