Electronic Materials Office
Bara bara yang bercahaya di galeri yang dihiasi dengan arang
Pejabat Bahan Elektronik merupakan bengkel lewat malam: kanvas hitam legam matte, bara oren tunggal yang bercahaya, dan rupa taip yang berbisik dan bukannya mengisytiharkan. Antara muka melayan setiap skrin seperti studio yang gelap—gambar papan kekunci adalah satu-satunya sumber cahaya sebenar, dan UI mematuhinya. Tajuk utama, yang ditetapkan dalam GT-Flexa 200-berat, terapung di ruang negatif yang luas; salinan badan sengaja kecil dan humanistik (Times). Warna diukur: putih tulen untuk taip, ungu disenyapkan (#9e9eff) untuk pautan, dan satu ajakan bertindak oren (#f45500) pada halaman yang bersinar dengan cahaya 30pxnya sendiri. Komponen dipasang rapat dalam jejari 20px, sempadan hampir tidak kelihatan pada #9d9d9d, dan satu-satunya bayang-bayang dalam sistem ialah dua lingkaran cahaya berwarna di sekeliling tindakan utama.
Kanvas arang lebar penuh dengan kandungan lebar maksimum berpusat (~1200px). Skrin utama bermula dengan kad media berjejari 20px yang mengandungi video produk, menduduki kira-kira 80% daripada lebar port paparan, diikuti dengan tajuk utama GT-Flexa 200 berbilang baris yang merangkumi hampir lebar kandungan penuh. Ritma bahagian: satu bahagian penerangan produk dalam huruf besar semua gaya Tobias, diikuti dengan grid 2x2 (pada desktop) kad penerangan produk. Kad menggunakan sempadan 1px #9d9d9d dan talang 24px di antaranya. Pernafasan menegak yang banyak—bahagian dipisahkan oleh ruang negatif arang 48–128px dan bukannya pembahagi. Navigasi ialah panel lutsinar tunggal yang berlabuh di bahagian atas, dengan sekumpulan pautan tersembunyi dan satu seruan bertindak Ember. Tiada bar sisi, tiada mega-menu, tiada navigasi sekunder.
Imej-imej ini hanyalah untuk tujuan demonstrasi produk—tangkapan makro jarak dekat papan kekunci Altar I dengan latar belakang hitam sepenuhnya, dengan lampu latar dari atas, menyebabkan casing bercahaya dan penutup kekunci memantulkan cahaya di sekeliling tepinya. Tiada gaya hidup, tiada tangan manusia, tiada konteks persekitaran. Imejnya adalah kontras tinggi dan gelap; satu-satunya warna di luar palet monokrom ialah suis kuasa oren pada papan kekunci itu sendiri, yang menggemakan seruan bertindak Ember Orange. Imej berbentuk segi empat sama atau 16:9, sentiasa diletakkan dalam kad dengan jejari 20px dan memanjang melangkaui tepi kad (tiada pelapik di sekeliling foto dan teks berada di bawah tepi). Gaya ikon: satu-satunya ikonografi ialah bulatan kecil yang berisi (●) sebelum logo—satu titik oren, setebal ~6px.
Palet
Jenama
- Ember Orange
#f45500— Butang tindakan utama dengan isian ialah satu-satunya permukaan kromatik dalam UI, sentiasa disertai dengan halo oren 30px, menjadikannya bersinar seperti filamen; cahaya luar 30px pada butang panggilan utama menduplikasi simbol heksagon Ember Orange, tetapi wujud sebagai bayang-bayang dan bukannya isian, menjadikan butang kelihatan diterangi dari dalam.
Neutral
- Studio Charcoal
#202020— Permukaan kanvas dan kadbod itu seperti lantai galeri yang gelap, tidak pernah hitam sepenuhnya, sehingga mata dapat tertumpu pada tepi yang lembut. - Bone White
#ffffff— Teks utama, sempadan nipis pada imej dan permukaan terbalik yang jarang ditemui. Keseluruhan hierarki fon dikekalkan secara bebas. - Ash Gray
#9d9d9d— Teks yang disenyapkan, sempadan kad yang halus dan kapsyen yang tidak aktif adalah satu-satunya warna kelabu pertengahan dalam skema warna, yang digunakan apabila warna putih terlalu kuat. - Mid Felt
#eaeaea— Cucian permukaan ringan untuk panel terbalik atau grid modal - rona putih yang terletak di antara kanvas kuning air dan gelap. - Carbon
#000000— Aksen yang paling menarik adalah untuk sapuan ikon dan bingkai yang berbeza di mana kanvas arang terlalu ringan untuk mengekalkan bentuknya dengan baik. - Lavender Link
#9e9eff— Warna pautan terbenam dan garis besar bingkai tindakan tambahan adalah kontras yang disenyapkan dan sejuk dengan warna oren hangat, memastikan tindakan tersebut dapat dibaca dengan latar belakang arang.
Tipografi
dari 16 hingga 86px · 8 langkah
- GT-Flexa — penggantian: Inter (200/400) or Manrope (200/400) · garis besar 200, 400 · Fon utama untuk tajuk dan elemen hiasan. Pemberat 200 membenarkan setiap tajuk melebihi 24px—ini adalah gaya khas: pada 68px dan 86px, huruf-huruf seolah-olah larut ke dalam atmosfera dan bukannya menjerit. Pemberat 400 sesuai untuk subtajuk dan kapsyen kad, di mana ia hampir tidak dapat didengar. Jarak baris dikurangkan kepada 1.0 pada saiz terbesar, jadi fon hiasan bertindih antara satu sama lain seperti lajur udara.
- Tobias-light — penggantian: Söhne Buch or Inter Tight · garis besar 400 · Gaya tipografi sekunder untuk tajuk bahagian dan logo pengaki. Ia digunakan satu langkah di bawah GT-Flexa 200 untuk mencipta kontras ton—Tobias mempunyai nuansa seni bina dan ekspresif yang lebih menarik, manakala GT-Flexa lebih atmosfera. Jarak huruf negatif menyempitkan perkadaran Tobias Light yang luas.
- Times — penggantian: Source Serif 4 or PT Serif · garis besar 400 · Teks isi dan perenggan tajuk merupakan titik balas yang disengajakan kepada fon geometrik dan hiasan, menggunakan serif. Serif menambahkan kehangatan dan autoriti editorial pada penerangan produk tanpa melebihi saiz teks isi.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 4-8px |
| Jejari butang | 20px |
| Jejari kad | 20px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 48-128px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Electronic Materials Office dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- OFFFICE : — galeri noir yang diliputi fon monolitik
- Bibliothèque — Sebuah galeri berbentuk kubus hitam di bawah lampu sorot – satu plat bercahaya tunggal di dewan yang luas dan gelap
- 21 TSI — Kekosongan merah tua, siluet tunggal – editorial fesyen tinggi di mana antara muka pengguna larut ke dalam atmosfera
- Structured — Galeri Renaissance di atas kertas seperti plastisin
- CHAIBOY — Dinding galeri hitam dengan satu gambar bercahaya latar
- Holiday 100 — Galeri hadiah pada tengah malam—tajuk utama serif berfungsi sebagai lampu sorot, kanvas gelap sebagai dinding baldu dan setiap imej produk tergantung seperti bingkai yang dipilih dengan teliti.
- Apple (España) — Galeri muzium, dalam cahaya siang yang lembut, merupakan ruang putih tunggal yang menawan dan ringan, dengan setiap pameran diterangi oleh lampu sorot pada dinding yang berwarna sedikit.
- Analogue — Kotak pameran galeri hitam – barang-barang berlegar di tempat kosong
- Apple (España) — Pameran Galeri Obsidian merupakan sebuah dewan pameran gelap di mana satu objek titanium bersinar dengan latar belakang gelap gelita.
- Studio Oker — Sebuah galeri gelap dengan aksen merah tua—sebuah bilik portfolio yang dipenuhi dinding hitam, di mana huruf putih seolah-olah terapung dan satu bisikan merah memotong kesunyian.
- 099 SUPPLY — Dinding galeri yang dipenuhi dengan objek hitam putih
- Retool — Bengkel obsidian yang hangat - permukaan untuk alat ketepatan, diterangi oleh bara api yang membara, tempat semuanya diciptakan