IKEA
gün şöhlesine çydap duran şwed mebel salony, sökülip aýrylan görnüşde
IKEA-nyň interfeýsi ýokary kontrastly redaksiýa ýaýradyşyna meňzeýär: ýyly ak fonda gara reňke golaý şrift, herekete çagyryş zolaklary hökmünde hyzmat edýän tekiz sary paneller bilen doldurylýar. Ulgam maksatly minimalist — bary-ýogy iki agramda (400 we 700) bir sany ýörite sans-serif şrifti (Noto IKEA), her bir komponent üçin bir burç radiusy we kölegeler ýa-da gradientler ýok. Bu ykjamlyk minimalist meýil däl-de, gurluşlydyr: negatiw harp aralygy (sözbaşyda -0.029em, esasy nusgada -0.027em) hatda 13 piksellik ýazgylara hem arhitektura duýgusyny berýär. Kartoçkalar uly we media mazmunyna gönükdirilendir, okamaklygy gowulandyrmak üçin gradientden gara reňke çenli tekst örtükleri bilen uly iki sütünli bloklarda ýerleşdirilen. #ffdb00 sary şrifti interfeýs üçin ähli işi ýerine ýetirýär — ol bezemeýär, diňe işjeňleşdirýär.
Takmynan 1440 piksel bilen çäklendirilen merkezleşdirilen mazmun konteýnerli doly giňlikli dizaýn. Nawigasiýa ýönekeý, ýapyşmaýan ýokarky paneldir. Sahypa takmynan 80 piksel aralyklar bilen dikligine ýerleşdirilen gorizontal kartlardan guruldy. "Gahryman" düzülişi bölünen düzülişdir — 2/3 media karty (surat) + herekete çagyryşly 1/3 berk sary kart. Sahypanyň esasy böleginde iki sütünli kartlar torlary, suratlaryň we tekstleriň bloklary üýtgeýär. Mazmun dykyzlygy giň, hiç haçan ykjam däl. Kartlar uly (takmynan 600x400 piksel) we giň doldurgyçly. "Wagt çyzygy/Taryh" bölümi torlary uly sanlar bilen bölýär. Gapdal panel, mega-menýu, çylşyrymly nawigasiýa arhitekturasy ýok.
Wizual dil, esasan, önüm we durmuş suratçylygydyr. Redaktirleme: ýagty, tebigy ýagtylandyrylan, ýyly Skandinawiýa interýerleri, studiýanyň açyk ak reňki däl, janly duýgy bilen. Adamlar önüm bilen özara täsirleşýän sahnalarda (tutmak, ýygnamak, ulanmak) peýda bolýarlar. Suratlar hemişe kartyň tutuş giňligini eýeleýär, hiç haçan organiki görnüşlere kesilmeýär. Tekstli islendik kartyň aşagynda gradient gara örtükler peýda bolýar. Tekiz suratlar wagtal-wagtal görkezilýär (meselem, Germaniýanyň firuze, ýaşyl we mämişi reňklerdäki medeni ikonografiýasy bolan kartasy). Suratlar redaksiýa stilinde ýerine ýetirilýär: ýalpyldawuk stok foto effekti ýok, aşa stilleşdirilen reňk düzedişi ýok.
Palitra
Brend
- IKEA Yellow
#ffdb00— Herekete çagyryşlary doldurmak üçin esasy elementler, görkezilen suratlary bolan kartlar üçin fonlar, esasy penjirede aksent paneller - ulgamyň özboluşly reňk elementi.
Neýtral
- Ink Black
#111111— Esasy tekst, esasy tekst, sözbaşylar, esasy serhetler (851 gezek gaýtalanma), nyşanyň kontury. - Pure White
#ffffff— Sahypanyň fony, kartyň ýüzi, nawigasiýa fony, garaňky fonda düwmäniň teksti. - Warm White
#fffefb— Düwmeler we açyk hatlar üçin biraz krem reňkli reňk — arassa ak reňkden biraz ýylyrak — sanly sowuklygy gowşadýar. - Steel Gray
#818181— Ikinji derejeli tekst, sessiz serhetler, öçürilen nyşanlaryň ýagdaýlary - True Black
#000000— SVG nyşanlaryny doldurmak, giriş meýdanynyň çäklerini we iň ýokary kontrastyň zerur bolan çuň gara reňkli aksentleri. - Link Blue
#0159a3— Nawigasiýada we esasy baglanyşyklarda giňden ulanylýan tekst baglanyşygynyň reňki ulgamdaky ýeke-täk gök reňkdir.
Tipografiýa
13-den 51 piksele çenli · 5 ädim
- Noto IKEA — çalyşmak: Inter · konturlar 400, 700 · Ulanylan ýeke-täk şrift IKEA-nyň gol çekiş Noto şriftidir. Iki agramly ulgam (400 adaty, 700 galyň) bilgeşleýin çäklendirilen: kursiw, orta ýa-da ýeňil agramly şriftler ýok. 700 nokatly, 36–51 piksel ölçegli sözbaşylar brendiň tutuş stilini görkezýär; 16 piksel ölçegli esasy tekst neýtral bolmagynda galýar. Ölçegi ulalanda harp aralygy azalýar, bu bolsa sözbaşylara gysgaldylan we binagärlik duýgusyny berýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 24px |
| Düwme radiusy | 8px |
| Kart radiusy | 8px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 80px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy IKEA 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
- MindMarket — Kremli kagyzda ýerleşdirilen rahat ertekiler kitaby - uly "Inter" sözbaşylarynyň we kesilen kagyz gahrymanlaryň gün şöhlesine çydap, stiker ýaly ýumşak ýüzünde bile ýerleşýän dostlukly redaksiýa polotnosy.
- Lamborghini — Awtosalonda, prožektorlaryň aşagynda gara kuzow reňki - bir sary awtoulag
- amp — Sowuk ak fonda ýyly mämişi reňk. Dizaýn gün şöhlesine çydap duran çardagyň suratyna düşürilen ýokary hilli fitnes önümini ýada salýar: bir zat, bir aksent, ähli işi ýerine ýetirýän ynamly şrift.
- LUNCH — ýyly pergamentde mahmal podium
- Microsoft — Söwda katalogynda özboluşly gök reňk ulanylýar — ak sergi zalynyň polunda her bir dizaýn elementi gök reňkde bolan kwadrat logotipi göz öňüne getiriň.
- Vibrants — Ak mermerde "Skyborne" dermanhanasy - gara gök syýa ergin, gökguşak spektr bolsa dermandyr
- Isla Beauty — Hirurgiki gyzyl reňkli krem reňkli dermanhana stili — ýyly pergament diwarlaryny, amber çüýşelerini we her etiketkada ýekeje gyzyl möhüri göz öňüne getiriň.
- Swap — Mint Redaksiýa Galereýasy: Parlak laým aksentleri we inçe serifleri bolan otaglarda açyk adaçay reňkleri
- Cursor — Ýanýan kömürler bilen ýagtylandyrylan rahat pergament ussahanasy
- Structured — Plastilin ýaly kagyzda Renessans galereýasy
- 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.
- Amplemarket — Konfeti bilen örtülen gün şöhlesine çydap duran iş ýeri