Telegram, WhatsApp  +380637610482
Waleriý Danýuk
Waleriý Danýukişläp düzüjiBiznes üçin emeli intellekt gurallaryny işläp düzmek. Ýokary hilli. Elýeterli baha.Telegram-a ýazmak
INO — şu stildäki saýtyň deslapky görnüşi

INO

Muzeýiň witrinasy sessizlikde – her bir eksponat ak giňişlikde, aýnanyň arkasyndaky ýekeje zat ýaly, gara, sessiz eşidilýän şrift bilen gurşalan ýaly ýüzýär.

INO diýen ýaly monohrom şaý-sepler galereýasy hökmünde işleýär: arassa ak kanwas, ýekeje, ýyly, diýen ýaly gara syýa we reňkiň düýbünden ýoklugy. Wizual ulgam her bir ýüzügi muzeý eseri ýaly kabul edýär - kliniki önüm suratlary giň negatiw giňişlikde ýüzýär, iýerarhiýasy şrift ölçegi ýa-da reňki arkaly däl-de, pozisiýa, harp aralygy we ak reňkiň göwrümi arkaly gurulýar. Nawigasiýa sahypanyň aşagynda ýerleşýär, ol etiketkalary (dolandyrylan ýa-da boş) bolan dört nokatdan ybarat bolup, däp bolan elektron söwda ýokarky çyzygynyň bilgeşleýin tersine öwrülýär. Brend nyşanynyň özi konsentrik halka konturlarynyň toplumy bolup, önümiň görnüşini gaýtalaýar we logotip däl-de, tipografik heýkel hökmünde hyzmat edýär.

Maksimum mazmun giňligi çäklendirmesi bolmadyk doly giňlikdäki kanwas. Esasy ekran sahypanyň tutuş giňligini eýeleýär, suratçylyk we grafika deň derejede bölünýär (50/50). Önüm torlary üç sütünli setirler hökmünde görkezilýär, olaryň görnüşiň gyrasyndan giň gorizontal gyra çykýar. Aşakdaky nawigasiýa merkezleşdirilen we sahypanyň aşaky bölegine berkidilen, berkidilmedik. Bölüm arakesmeleri doly ekranly redaksiýa suratçylygyny ýa-da arassa ak boşlugy ulanýar - hiç haçan reňk zolagy, bölüji çyzyk ýa-da gradient bolmaýar. Dik ritm erkin: esasy bölümleriň arasynda 80/1/1, sahypa mazmun bilen doldurylman, dem almaga mümkinçilik berýär. Gapdal panel, mega-menýu, ýokarky başlyk paneli ýok - "INO" logotipi esasy ekranyň diňe ýokarky çep burçunda ýerleşýär.

Iki dürli surat görkezme režimi bilelikde bar: tekiz, açyk çal reňkli, üznüksiz fonda kliniki önümiň surata düşürilmegi (her bir halka elsiz, stilize edilen rekwizitlersiz ýa-da ýüz kölegelerisiz merkezleşdirilen surata düşürilýär - obýekt esasy gahryman) we hekaýa redaksiýa suratlary (ot bilen örtülen gutudaky halka, zynjyry saklaýan el), doýmadyk, doly ekran redaksiýa bölekleri hökmünde görkezilýär. Önüm suratlary önüm kartlary hökmünde hyzmat edýär; redaksiýa suratlary brendiň keýpini görkezýär. Ikisi hem monohrom ýa-da monohrom diýen ýaly - esasy suratdaky ot ýaşyl reňkiň ýeke-täk alamatydyr we hatda ol hem tokaý reňkine çalşyrylýar. Interfeýsde nyşanlar ulanylmaýar - konsentrik halka nyşany ähli ikonografiýanyň ornuny tutýar.

Palitra

Neýtral

  • Obsidian Ink #212123 — Neýtral forma ýagdaýlary, nyşan teksti we reňk shemalarynyň göze ilmeýän bolmagy zerur bolan gizlin UI seslenmesi.
  • Bone #ffffff — Kanwas sahypalary, karton ýüzler, garaňky fonda tersine ýazylan tekst. Agalyk edýän ýüz; web sahypasynyň diýen ýaly tutuşlygy şu ýerde ýerleşýär.
  • Carbon #000000 — Nawigasiýa nokadynyň görkezijisi üçin nyşan doldurma, bezeg grafiki konturlar we işjeň ýagdaý doldurma. "Süňk" reňki bilen iň ýokary tonal kontrast üçin seýrek ulanylýar.
  • Ash #999999 — Orta kontrastly serhetler, gözegçilik konturlary we gurluş bölüjileri.
  • Pebble #a6a6a7 — Ýumşaklaşdyrylan goldaw teksti, esasy tekst üçin inçe bölüjiler we ikinji derejeli metamaglumatlar. Iň açyk funksional çal reňk baha bellikleri we fona çekilmeli degişli tekst üçin ulanylýar.

Tipografiýa

11-den 18 piksele çenli · 4 ädim

  • Sequel100Wide — çalyşmak: Jost (400 · konturlar 400 · Ähli kontekstlerde — nawigasiýa, esasy tekst, sözbaşylar, atlaryň atlary, bahalar we ýazgylar — diňe 400 agramynda ulanylýan ýeke-täk korporatiw şrift. Giň aralykly geometrik nyşan we giň harp aralygy tutuş korporatiw stili görkezýär. Galyň agramyň ýoklugy maksatly: iýerarhiýa şriftiň agramyny üýtgetmek arkaly däl-de, uly harplar bilen ýazmak, harp aralygy we ýerleşdirmek arkaly gazanylýar.
  • Arial — çalyşmak: system-ui · konturlar 400 · Köne kontekstlerde düwmeleri görkezmek üçin ulgam boýunça ätiýaçlyk. Ol brendingiň bir bölegi däl - diňe Sequel100Wide ýüklenmedik ýagdaýynda peýda bolýar.

Aralyklar we görnüş

MaksatManysy
Dykyzlykdykyz
Esasy ädim23px
Düwme radiusy50px
Kart radiusy8px
Kölegelerkölegeleriň ýerine serhetler ýok
Bölümleriň arasynda80-120px

Süni intellekt web sahypaňyzy INO 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

  • Airbnb — Ýekeje mercan gyzyl reňkli ýazgyly sessiz ak galereýa diwary
  • Peak Design — Galereýa diwary, bölekleýin ýagtylandyrylan
  • 099 SUPPLY — Gara we ak zatlar bilen doldurylan galereýa diwary
  • Apple (España) — ak galereýa displeý gutusy
  • Apple (España) — Irdenki duman içinde galereýa penjiresi
  • Custo — Monolit şriftli ýarag reňkli galereýa. Ýekeje garaňky obýekt we 57 piksel şrift özi üçin gürleýän çal-ýaşyl reňkli sergi zaly.
  • Silencio — Suwda ýüzýän artefaktlar bilen bezelen ak otag. Her bir element negatiw göwrümiň fonunda öz ornuny eýeleýän ýyly kagyzdan ýasalan galereýa sergisi we dymmak maksatly dizaýn çözgüdi.
  • Oakâme — Ýyly daşdan oýulan gün şöhlesine çydap duran Prowansal ussahanasy
  • Nike — Sport üstünlikleriniň monohrom galereýasy – ak diwarlar, sungat eseri hökmünde önüm, fonda ereýän hrom
  • Sociotype — Ak kagyzda muzeýiň adaty nusgasy
  • Arc — ýary gije suwunyň üstünde senagat ak galereýasy
  • Rivian — Galereýanyň beton diwaryndaky elektrik monolit. Riwian her bir ulagy giň ak giňişligiň fonunda heýkel hökmünde görkezýär, tipografiýa şeýle uly bolup, binagärlik elementine öwrülýär we monohromatik atmosferany bozýan ýekeje ýyly sary reňk, mat ýüzündäki gün şöhlesi ýaly.