Electronic Materials Office
Kömür bilen bezelen galereýada ýalpyldap duran köz
Elektron materiallar edarasy gijeki okuw maslahatydyr: mat gara reňkli polotno, ýekeje ýalpyldawuk mämişi reňkli köz we yglan etmekden has köp pyşyrdaýan şrift. Interfeýs her bir ekrany garaňky studiýa ýaly kabul edýär - klawiaturanyň suratlary ýeke-täk hakyky ýagtylyk çeşmesidir we ulanyjy interfeýsi oňa boýun bolýar. 200 agramlyk GT-Flexa-da ýerleşdirilen sözbaşylar giň negatiw giňişlikde ýüzýär; esasy nusga bilkastlaýyn kiçi we ynsanperwer (Times). Reňk ölçenýär: şrift üçin arassa ak, baglanyşyklar üçin ýumşak gyrmyzy (#9e9eff) we öz 30px ýalpyldawuklygy bilen ýalpyldaýan sahypada ýekeje mämişi (#f45500) herekete çagyryş. Komponentler 20px radiusda berk ýerleşýär, #9d9d9d-da serhetler asla görünmeýär we ulgamdaky ýeke-täk kölegeler esasy hereketiň töweregindäki iki reňkli halodyr.
Doly giňlikdäki, kömür reňkli kanwas, merkezleşdirilen, iň ýokary giňlikdäki mazmun (~1200px). Esasy ekran 20px radiusly media karty bilen başlaýar, ol önüm wideosyny öz içine alýar we görnüş meýdançasynyň giňliginiň takmynan 80% -ni tutýar, derrew soň bolsa doly mazmun giňligine çenli uzalýan köp setirli GT-Flexa 200 sözbaşysy gelýär. Bölüm ritmi: Tobias stilindäki ähli uly harplar bilen ýazylan ýeke-täk önüm düşündiriş bölümi, soňra bolsa önüm düşündiriş kartlarynyň 2x2 tor (iş stolunda) gelýär. Kartlar 1px #9d9d9d serhetlerini we olaryň arasynda 24px turbalary ulanýar. Giň wertikal dem alyş - bölümler bölüjileriň ýerine 48–128px kömür negatiw boşlugy bilen bölünýär. Nawigasiýa - ýokarky böleginde berkidilen ýeke-täk, açyk panel, gizlin baglanyşyklaryň toplumy we ýeke-täk Ember çagyryşy. Gapdal panel ýok, mega-menýu ýok, ikinji derejeli nawigasiýa ýok.
Suratlar diňe önümi görkezmek üçin niýetlenen — Altar I klawiaturasynyň doly gara fonda ýakyndan çekilen makro suraty, ýokardan ýagtylyk düşýär, bu bolsa korpusyň ýalpyldamagyna we klawiatura gaplarynyň gyralarynda ýagtylygy şöhlelendirmegine sebäp bolýar. Durmuş ýörelgesi ýok, adam elleri ýok, daşky gurşaw konteksti ýok. Suratlar ýokary kontrastly we garaňky; monohrom palitrasynyň daşyndaky ýeke-täk reňk klawiaturanyň özündäki mämişi güýç açarydyr, ol bolsa Ember Orange herekete çagyryşyny gaýtalaýar. Suratlar kwadrat ýa-da 16:9, hemişe 20 piksel radiusly we kartyň gyralaryndan daşary çykýan kartoçkalara ýerleşdirilýär (suratyň daşynda boşluk ýok we tekst gyranyň aşagynda). Nyşan stili: ýeke-täk ikonografiýa logotipiň öňündäki kiçijik doldurylan tegelek (●) — galyňlygy ~6 piksel bolan ýeke-täk mämişi nokat.
Palitra
Brend
- Ember Orange
#f45500— Doldurma bilen esasy hereket düwmesi UI-däki ýeke-täk hromatik ýüz bolup, hemişe 30px mämişi halo bilen birlikde bolýar, bu bolsa ony filament ýaly ýalpyldadýar; esasy çagyryş düwmesindäki 30px daşky ýalpyldawuklyk Ember Mämişi altyburçluk simwolyny gaýtalaýar, ýöne doldurma däl-de, kölege hökmünde bar, bu bolsa düwmäniň içinden ýagtylandyrylan ýaly görünmegine sebäp bolýar.
Neýtral
- Studio Charcoal
#202020— Mata we karton ýüzleri garaňky galereýanyň pollary ýaly, hiç haçan doly gara bolmaýar, şonuň üçin göz ýumşak gyralarda ýerleşýär. - Bone White
#ffffff— Esasy tekst, suratlardaky inçe çäkler we seýrek tersine öwrülen ýüz. Şriftiň tutuş ierarhiýasy garaşsyz saklanýar. - Ash Gray
#9d9d9d— Ak reňk gaty sesli bolanda ulanylýan reňk shemasyndaky ýeke-täk orta çal reňk sessiz tekst, inçe kartoçka çäkleri we işjeň däl ýazgylardyr. - Mid Felt
#eaeaea— Ters öwrülen paneller ýa-da modal torlar üçin ýeňil ýüz ýuwujy serişde - bej we garaňky kanwanyň arasynda ýerleşýän ak reňk. - Carbon
#000000— Iň täsirli basym şekiljikleriň şekillerini we garşylykly çarçuwalary öz görnüşini gowy saklamak üçin gaty ýeňil bolan ýerlerde ulanylýar. - Lavender Link
#9e9eff— Içerki baglanyşygyň reňki we goşmaça hereket çarçuwasynyň kontury ýyly mämişi reňke garşy ýumşak, sowuk kontrast bolup, hereketleriň kömür fonunda okalyp bilinmegini üpjün edýär.
Tipografiýa
16-dan 86 piksele çenli · 8 ädim
- GT-Flexa — çalyşmak: Inter (200/400) or Manrope (200/400) · konturlar 200, 400 · Sözbaşylar we bezeg elementleri üçin esasy şrift. 200 agramy 24px-den ýokary her bir sözbaşy üçin mümkinçilik berýär - bu özboluşly stil: 68px we 86px ölçeglerinde harplar gygyrmagyň ýerine atmosferada ereýän ýaly bolýar. 400 agramy kiçi sözbaşylar we kartoçka ýazgylary üçin amatlydyr, bu ýerde olar asla eşidilmeýär. Setir aralygy iň uly ölçeglerde 1.0-e çenli azaldylýar, şonuň üçin bezeg şrifti howa sütüni ýaly biri-biriniň üstüne goýulýar.
- Tobias-light — çalyşmak: Söhne Buch or Inter Tight · konturlar 400 · Bölüm sözbaşylary we aşaky logotip üçin ikinji derejeli tipografiýa stili. Tonal kontrast döretmek üçin GT-Flexa 200-den bir ädim aşakda ulanylýar - Tobias has binagärlik we ekspressiw duýgy berýär, GT-Flexa bolsa has atmosferaly. Negatiw harp aralygy Tobias Light-yň giň proporsiýalaryny daraldýar.
- Times — çalyşmak: Source Serif 4 or PT Serif · konturlar 400 · Esasy tekst we sözbaşy abzaslar serifleri ulanýan geometrik, bezeg şriftlerine bilgeşleýin garşylyk görkezýär. Serifler esasy tekstiň ölçeginden geçmezden, önümiň düşündirişlerine ýylylyk we redaksiýa güýjüni goşýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | dykyz |
| Esasy ädim | 4-8px |
| Düwme radiusy | 20px |
| Kart radiusy | 20px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 48-128px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Electronic Materials Office stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- OFFFICE : — monolit şrift bilen örtülen noir galereýasy
- Bibliothèque — Projektoryň aşagyndaky gara kub şekilli galereýa – giň, garaňky zalda ýalňyz ýagtylandyrylan plastinka
- 21 TSI — Gyzyl boşluk, ýekeje siluet – ulanyjy interfeýsi atmosfera bilen garyşyp gidýän ýokary moda redaksiýasy
- Structured — Plastilin ýaly kagyzda Renessans galereýasy
- CHAIBOY — Ýekeje arka yşyklandyrylan suraty bolan gara galereýa diwary
- Holiday 100 — Gije ýary sowgatlaryň galereýasy — serif sözbaşysy prožektor hökmünde, garaňky tuwal mahmal diwar hökmünde hyzmat edýär we her bir önümiň suraty üns bilen saýlanan çarçuwa ýaly asylgy durýar.
- Apple (España) — Muzeý galereýasy ýumşak gün şöhlesinde ýeke-täk, özüne çekiji, agramsyz ak giňişlik bolup, her bir eksponat ýeňil reňkli diwaryň fonunda prožektor bilen ýagtylandyrylýar.
- Analogue — Gara galereýa witrina gutusy – harytlar boşlukda aýlanyp ýör
- Apple (España) — Obsidian galereýasynyň sergisi garaňky sergi zalynda ýerleşýär, bu ýerde ýekeje titan obýekti garaňky fonda ýalpyldap durýar.
- Studio Oker — Gyzyl reňkli bezegleri bolan garaňky galereýa — ak harplar ýüzüp ýören ýaly görünýän we ýekeje gyzyl pyşyrdy dym-dyrslygy bölýän gara diwarlar bilen bezelen portfel otagy.
- 099 SUPPLY — Gara we ak zatlar bilen doldurylan galereýa diwary
- Retool — Obsidian ussahanasynyň ýylylygy - ähli zadyň döredilýän, ýanýan közler bilen ýagtylandyrylan takyk gurallar üçin ýer.