Electronic Materials Office
Bara nu hurung dina galeri nu dihias ku areng
Kantor Bahan Éléktronik mangrupikeun bengkel wengi: kanvas hideung legam anu teu pucet, hiji bara oranyeu anu hurung, sareng jinis huruf anu ngaharéwos tinimbang nyatakeun. Antarbeungeutna nganggap unggal layar sapertos studio anu poék — poto kibor mangrupikeun hiji-hijina sumber cahaya anu nyata, sareng UI nurut kana éta. Judul, anu disetél dina GT-Flexa beurat 200, ngambang dina rohangan négatip anu lega; salinan awak ngahaja leutik sareng humanistik (Times). Warna diukur: bodas murni pikeun jinis, wungu anu diredam (#9e9eff) pikeun tautan, sareng hiji ajakan pikeun bertindak oranyeu (#f45500) dina halaman anu hurung ku cahaya 30px sorangan. Komponen pas pageuh dina radius 20px, wates ampir teu katingali dina #9d9d9d, sareng hiji-hijina kalangkang dina sistem nyaéta dua halo warna di sakitar tindakan utama.
Kanvas areng lébar pinuh kalayan eusi lébar maksimum anu dipusatkeun (~1200px). Layar utama dimimitian ku kartu média radius 20px anu ngandung pidéo produk, ngeusian sakitar 80% tina lébar viewport, langsung dituturkeun ku judul GT-Flexa 200 multi-garis anu ngabungkus ampir lébar eusi pinuh. Ritme bagian: hiji bagian pedaran produk dina hurup kapital gaya Tobias, dituturkeun ku grid 2x2 (dina desktop) kartu pedaran produk. Kartu nganggo wates 1px #9d9d9d sareng talang 24px di antara éta. Napas vertikal anu lega—bagian dipisahkeun ku 48–128px rohangan négatif areng tinimbang pambagi. Navigasi mangrupikeun panel transparan tunggal anu dipasang di luhur, kalayan sakumpulan tautan anu disumputkeun sareng hiji ajakan-aksi Ember. Teu aya sidebar, teu aya méga-menu, teu aya navigasi sekundér.
Gambar-gambar ieu ngan ukur kanggo tujuan démo produk—poto makro close-up kibor Altar I kalayan latar hideung sagemblengna, kalayan lampu tukang ti luhur, anu nyababkeun wadahna hurung sareng keycaps ngagambarkeun cahaya di sakitar sisi-sisina. Teu aya gaya hirup, teu aya leungeun manusa, teu aya kontéks lingkungan. Gambarna kontras pisan sareng poék; hiji-hijina warna di luar palét monokrom nyaéta saklar daya oranyeu dina kibor éta sorangan, anu ngagambarkeun ajakan-aksi Ember Orange. Gambarna pasagi atanapi 16:9, salawasna disimpen dina kartu kalayan radius 20px sareng manjang saluareun sisi kartu (teu aya padding di sakitar poto, sareng téksna aya di handap sisi). Gaya ikon: hiji-hijina ikonografi nyaéta bunderan leutik anu dieusi (●) sateuacan logo—hiji titik oranyeu, kandelna ~6px.
Palet
Merek
- Ember Orange
#f45500— Tombol aksi primér anu ngandung eusian mangrupikeun hiji-hijina permukaan kromatik dina UI, anu salawasna dibarengan ku halo oranyeu 30px, ngajantenkeun éta hurung sapertos filamén; cahaya luar 30px dina tombol panggero primér ngaduplikasi simbol heksagon Ember Orange, tapi aya salaku kalangkang tinimbang eusian, ngajantenkeun tombol katingalina hurung ti jero.
Nétral
- Studio Charcoal
#202020— Beungeut kanvas jeung kardus téh siga lanté galeri nu poék, tara hideung sagemblengna, jadi panon bisa ningali sisi-sisina nu lemes. - Bone White
#ffffff— Téks utama, wates ipis dina gambar, sareng permukaan anu jarang dibalikkeun. Sakabéh hirarki font dijaga sacara mandiri. - Ash Gray
#9d9d9d— Téks anu teu kadéngé, wates kartu anu teu pati jelas, sareng katerangan anu teu aktip mangrupikeun hiji-hijina warna kulawu tengah dina skéma warna, anu dianggo nalika bodas tarik teuing. - Mid Felt
#eaeaea— Sapuan permukaan anu hampang pikeun panel tibalik atanapi kisi-kisi modal - warna bodas anu aya di antara kanvas beige sareng poék. - Carbon
#000000— Aksen anu paling narik ati nyaéta pikeun goresan ikon sareng pigura anu kontras dimana kanvas arengna hampang teuing pikeun nahan bentukna kalayan saé. - Lavender Link
#9e9eff— Warna tautan anu dipasang sareng garis luar pigura aksi tambahan mangrupikeun kontras anu kalem sareng tiis sareng oranyeu haneut, mastikeun aksina tiasa dibaca ngalawan latar tukang areng.
Tipografi
ti 16 nepi ka 86px · 8 léngkah
- GT-Flexa — panggantian: Inter (200/400) or Manrope (200/400) · garis besar 200, 400 · Font utama pikeun judul sareng unsur hiasan. Bobot 200 ngamungkinkeun pikeun unggal judul di luhur 24px—ieu mangrupikeun gaya khas: dina 68px sareng 86px, hurup-hurupna sigana leyur kana atmosfir tinimbang ngagorowok. Bobot 400 cocog pikeun subjudul sareng katerangan kartu, dimana éta ampir teu kadéngé. Spasi baris dikirangan janten 1.0 dina ukuran panggedéna, janten font hiasan numpuk di luhur anu sanés sapertos kolom hawa.
- Tobias-light — panggantian: Söhne Buch or Inter Tight · garis besar 400 · Gaya tipografi sekundér pikeun judul bagian sareng logo footer. Ieu dianggo hiji léngkah di handap GT-Flexa 200 pikeun nyiptakeun kontras tonal—Tobias ngagaduhan kesan anu langkung arsitéktur sareng éksprésif, sedengkeun GT-Flexa langkung atmosfir. Spasi hurup négatip ngaheureutan proporsi Tobias Light anu lega.
- Times — panggantian: Source Serif 4 or PT Serif · garis besar 400 · Teks awak sareng paragraf judul mangrupikeun tandingan anu disengaja pikeun font géométri sareng dekoratif, nganggo serif. Serif nambihan kahaneutan sareng otoritas éditorial kana pedaran produk tanpa ngaleuwihan ukuran teks awak.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | padet |
| Léngkah dasar | 4-8px |
| Radius tombol | 20px |
| Radius kartu | 20px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 48-128px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Electronic Materials Office sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- OFFFICE : — galeri noir anu katutupan ku font monolitik
- Bibliothèque — Galeri bentuk kubus hideung di handapeun sorotan lampu – hiji piring anu dihias ku cahaya di rohangan anu lega sareng poék
- 21 TSI — Kosongna layung, hiji siluet tunggal – éditorial mode luhur dimana antarmuka pangguna leyur kana atmosfir
- Structured — Galeri Renaissance dina kertas siga plastisin
- CHAIBOY — Témbok galeri hideung kalayan hiji poto anu diterangan tukang
- Holiday 100 — Galeri kado-kado di tengah peuting—judul utama serif jadi sorotan, kanvas poék jadi témbok beludru, jeung unggal gambar produk ngagantung kawas pigura anu dipilih kalawan taliti.
- Apple (España) — Galeri musium, dina cahaya panonpoé anu semu bodas, mangrupikeun hiji rohangan bodas anu pikaresepeun, kalayan unggal pameran disinari ku sorotan lampu anu ngahalangan témbok anu diwarnaan hampang.
- Analogue — Kotak pajangan galeri hideung – barang-barang ngalayang dina tempat kosong
- Apple (España) — Pameran Galeri Obsidian nyaéta aula paméran anu poék dimana hiji objék titanium hurung dina latar anu poék pisan.
- Studio Oker — Galeri anu poék kalawan aksen beureum—rohangan portofolio anu dipapaésan ku témbok hideung, tempat hurup bodas sigana ngambang jeung hiji bisikan beureum motong liwat kasunyian.
- 099 SUPPLY — Témbok galeri anu pinuh ku barang hideung bodas
- Retool — Bengkel obsidian anu haneut - permukaan pikeun pakakas presisi, dihurung ku areng anu ngebul, dimana sadayana didamel