Huly
Ýary gijeki obserwatoriýada Demirgazyk çyralary - baş gahryman merjen reňkine öwrülýän dik gyrmyzy şöhle we onuň aşagyndaky her bir asuda bölek has ýuwaş äheňde gürrüň berlen şol bir iki reňkli hekaýany öz içine alýar.
Huly kosmiki iş giňişliginiň atmosferasyny ýatladýar: esasy elementi kesip geçýän ýekeje benewşe-sary reňkli ýalpyldawukly gara reňkli kanwas, onuň aşagynda bolsa öndürijiligi ýokarlandyrmak üçin has ýuwaş tor bar. Ulgam dar reňk diapazonynda işleýär - bir açyk gök we bir mercan gatlakly grafit ýüzlerine garşy ähli brending işlerini ýerine ýetirýär, şonuň üçin garaňky rejim hiç haçan bitarap ýaly duýulmaýar. Tipografiýa ähli funksional zatlar üçin inter-style, esasy nokatlar üçin niýetlenen ýörite şrift (Esbuild), 80–84 piksel aralyk we agressiw negatiw harp aralygy bilen. Komponentler kapsula şekilli: dolandyryş elementlerinde 9999 piksel radius, kartlarda 12 piksel, minimal kölege we esasy bezeg hökmünde ýalpyldawuk gradient çyzyklary. Sahypa doly sahypanyň garaňky ýerleri we asuda ýagtylyk bölekleri arasynda üýtgeýär, şonuň üçin islendik täze ekran reňkleri saýlamazdan öň režimi kesgitlemeli.
Doly giňlikdäki baş sahypada demirgazyk çyralarynyň dik şöhlesi we çep tarapa deňleşdirilen sözbaşy, şeýle hem aşaky sag tarapda ýerleşdirilen önümiň skrinşoty bar. Baş sahypanyň aşagynda iň ýokary giňlikdäki, 1200 piksellik mazmun meýdany, garaňky we ýagty zolaklary çalyşýar. Her bölüm ýeke-täk dik blokdan ybarat: sözbaşy we 96 piksel aralyklar bilen bölünen 3 ýa-da 4 sütünli kartoçkalar toplumy. "MetaBrain" bölümi merkezi sözbaşy we dürli ölçegdäki kartoçkalar mozaikasy (uly esasy kartoçka we kiçi goldaw kartoçkalar) bilen toruny bölýär. Sahypa mazmuna baý, SaaS standartlaryna laýyklykda, ýöne her bölüme dem almak üçin ýer bermek üçin garaňky we ýagty zolaklary çalyşýar. Nawigasiýa - bu aýlananyňyzda mat bolup galýan ýeke-täk açyk ýokarky zolak.
Esasy element suratlardan azat arassa awrora gradientidir. Ähli suratlar önümiň interfeýsiniň hakyky ekran suratlarydyr (garaňky režimde Kanban, poçta gutusy, senenama), subutnama we bezeg hökmünde hyzmat edýän kartoçka çarçuwasynda ýerleşdirilen. Durmuş suratlary, stok suratlary, 3D renderler ýok. Interfeýs bilen baglanyşykly bolmadyk ýeke-täk wizual element awroranyň aşagyndaky CSS gradienti hökmünde görkezilen ýyly, radial gün şöhlesidir. Nyşanlar #95979 ýa-da ak reňkli monohrom çyzyk nyşanlarydyr, hiç haçan köp reňkli däl. Ulgam öz garaňky interfeýsini esasy element hökmünde kabul edýär - önüm suratlardyr.
Palitra
Brend
- Electric Iris
#5683da— Esasy fon, işjeň nawigasiýa görkezijisi we Demirgazyk çyralarynyň täsiri — gara fonda janly benewşe-gök reňk — korporatiw işjeňlikden has köp gatnaşyk täsirini döredýär. - Ember Pulse
#ff8964— Ikinji derejeli aksent, ýyly demirgazyk çyrasy zolagy, bildiriş nokady we suratda görkezilýän aýratynlyk — gök reňkiň aýyklygyny bozýan we şöhle goşýan sary reňk.
Neýtral
- Obsidian Canvas
#303236— Sahypanyň esasy fony, agalyk ediji ýüz, tas gara reňkde bolup, azajyk ýylylyk alamaty bilen ähli mazmun üçin standart gurşawdyr. - Void
#090a0c— Esasy ekrandaky gradientler, modal fonlar we tuwala goşulmaly çarçuwalar üçin iň çuň ýüz gatlagy. - Charcoal Card
#111111— Kartondan we panellerden ýasalan galdyrylan ýüzler, tuwaldan bir ädim ýokarda ýerleşýär. - Slate Edge
#4a4b50— Garaňky ýüzlerde inçe serhetler we bölüjiler - Iron Veil
#6b6c6d— Tegler, sanaw elementleriniň doldurylyşy we öçürilen doldurylmalar üçin fon reňki peseldildi. - Smoke
#95979e— Orta çal reňkdäki esasy iş elementi nyşanlaryň konturlary, goşmaça tekst we işjeň däl dolandyryş elementleridir.
Tipografiýa
11-den 80 piksele çenli · 8 ädim
- Inter — çalyşmak: DM Sans · konturlar 300, 400, 500, 600, 700 · Ulanyjy interfeýsindäki ähli funksional tekstler — esasy tekst, nawigasiýa, düwmeler, sanaw elementleri, ýazgylar we kiçi sözbaşylar — nygtamak üçin 500–600, esasy tekst üçin 400 we göze ilmeýän metamaglumatlar üçin 300 şrift agramy bilen ulanylýar.
- Esbuild — çalyşmak: Sora · konturlar 400, 500, 600 · Diňe görkezmek üçin: açylýan atlaryň, bölümleriň atlarynyň we MetaBrain makalalarynyň atlary. Gysgaldylan geometriýa we dar harp aralygy SaaS taslamalaryna garanyňda 84px-iň redaksiýa işleri üçin has amatlydygy barada täsir döredýär. Hiç haçan 28px-den aşak ulanmaň.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 12px |
| Düwme radiusy | 9999px |
| Kart radiusy | 12px |
| Kölegeler | ýumşak kölegeler |
| Bölümleriň arasynda | 96px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Huly 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
- monday — Pastel stikerleri bolan ak ussahana
- Slack — Sahna ak prožektorlar bilen baklažan reňkinde. Garaňky ýerlerde goýy erik reňki agdyklyk edýär, ak reňkli tuwal bolsa uly, awangard eserleriniň erkin dem almagyna mümkinçilik berýär.
- Base44 — Gün şöhlesi düşýän, laým markerli depder
- Supahub — Gülgün reňkli gerşiň üstünde ýumşak gün şöhlesi. Esasan ak, howaly mata, ýekeje ýagty gülgün reňkli gün bilen ýagtylandyrylýar, bezeg gradient sferalary negatiw giňişlige reňk saçýar we giň tegelek geometriýa her bir ýüze ýakymly, duýulýan agyrlyk berýär.
- Raycast — Ýarym gijeki dolandyryş merkezi, Mercan Neon
- Dimension — Aýna panelleri bilen örtülen garaňkylyk ýagtylandyrylan iş ýeri
- Wiza — Garaňky düşende, lawanda dumanyna bürenen mineral gözleg gözegçilik merkezi.
- Paste — Ak mermerde sary reňkli fonar — brendiň ýyly gradient logotipi, gar bilen örtülen binanyň ýeke-täk yşyklandyrylan penjiresi ýaly, giň ak giňişlikde asylyp dur.
- Reworkd — Önümiň diagrammasyndaky ýumşak gün şöhlesi özi üçin gürleýän ýeke-täk reňkdir, ol hereket düwmesi we onuň ýokarsyndaky gradient sözbaşysydyr.
- Reflect Notes — Ýyldyzly biwel kosmos garaňky obserwatoriýa bolup, onda notalar diýen ýaly gara indigo boşlugynyň fonunda ýyldyzlar topary ýaly ýüzýär.
- Ameba — Ýary gije dolandyryş otagy – buzlanan aýna panelleriň içinde elektrik gök impulsy
- Todoist — Kagyz gündelik bilen gün şöhlesi düşýän iş ýeri – ýyly krem reňkli stol, syýaly kagyzlar, bir gyzyl ruçka