Seline Analytics
Ýyly kagyzyň üstünde sessiz analitiki stol
Seline ýyly daş fonunda (#fafaf9) ýeke-täk janly gök aksent bilen ýerleşdirilen - beýleki ähli reňkler neýtral we Tailwind daş reňk palitrasyndan çekilen. Başlyklar 400 agramly we dar negatiw harp aralygy bolan ýörite dizaýn edilen geometrik sans-serif şriftinde (roobert) görkezilýär, bu bolsa tekste adaty sesli SaaS stili bilen gapma-garşylykly, diýen ýaly pyşyrdaýan ynam berýär. UI ýüzleri tekiz ak kartoçkalar bolup, ýyly fonuň üstünde ýeke-täk, ýumşak, 16px bulanyklyk bilen ýüzýär; çäkler inçe, 1px daş reňkli çyzyklar bilen döredilýär, agyr bölüjileriň ýa-da panelleriň ýerine esasy gurluş elementi hökmünde giň ulanylýar. Meýilnama dem alýar: giň wertikal ritme esaslanýan doly giňlikli mazmun, tabletka görnüşli interaktiw dolandyryşlar, şahsyýet üçin maskot şekili we önüm subutnamasy hökmünde dolandyryş paneliniň ekran suratlary. Umumy täsir redaksiýa taýdan analitiki: asuda, monohrom, ynamly, gök çagyryş bolsa ähli zadyň bilgeşleýin çäklendirilmegi sebäpli sahypadaky iň täsirli elementdir.
Sahypa iň uly giňlikde, takmynan 1200 pikselde merkezleşdirilen we köp dik boşluk bar. Gahryman iki setirli, çep tarapa deňleşdirilen tekst bloky bolup, gök reňkde ýekeje, aýratyn görkezilen sözlem ("ýönekeý we täsirli"), ondan soň iki çagyryşly setir (gök tablet + arwah tablet), soňra çal reňkde hyzmatdaş logotipleriniň setiri, soňra ynam reýtingleriniň setiri we soňra indiki bölüm bilen birneme üst-üste düşýän doly giňlikde ýüzýän panel deslapky görnüşi gelýär. Bükülmäniň aşagynda bir sütünli torda üýtgeýän şaýatlyk hatarlary, ondan soň aýratynlyk düşündirişleri, çep tarapa deňleşdirilen tekst we merkezleşdirilen önüm wizuallary bolan doly giňlikde bölümler ýerleşýär. Nawigasiýa minimalist ýokarky paneldir - çepde logotip, merkezleşdirilen nawigasiýa baglanyşyklary, sagda giriş + herekete çagyryş gök reňkde - nawigasiýanyň ortasynda şahsyýeti tassyklamak üçin hyzmat edýän ýüzýän awatarlar toplumy. Bölümleriň arasyndaky boşluklar giň (96 piksel) bolup, maglumatlaryň dykyz garyndysy däl-de, redaksiýa ritmini döredýär.
Wizual dilde önümiň ulanyjy interfeýsiniň skrinşotlary agdyklyk edýär — dolandyryş paneliniň deslapky görnüşi çal reňkli (1) (0.94) kontrast süzgüji bilen çekilen suratdyr, ol maglumatlaryň reňklerini monohrom reňke çalýar. Ýeke-täk adam şekili SVG stilinde diňe konturlary bilen çekilen, analitik mazmuna oýunjak garşylyk hökmünde her bölüme bir gezek ýerleşdirilen, çuňlugyň stiker ýaly täsirini döretmek üçin ýumşak kölege bilen çyzykly maskot stikeri (kapşonly gahryman). Brend logotipi we glifler kiçi gara uçgunlar/ýalňyşlardyr. Suratlar ýok — durmuş suratlary ýok, topar suratlary ýok, daşky gurşaw suratlary ýok. Obýekt (dolandyryş paneli) esasy gahrymandyr. Ähli bezeg nyşanlary #0c0a09 ýa-da #3ba6f1 formatlarynda 1px kontur stilinde, hiç haçan doldurylmaýar.
Palitra
Brend
- Cyan Signal
#3ba6f1— Herekete esasy çagyryş, işjeň baglanyşyklar we brend nyşanlarynyň kontury sahypadaky ýeke-täk reňk aksentleri bolup, herekete üns çekmek üçin seýrek ulanylýar. - Cyan Edge
#3398e1— Gök reňk hereketleriň konturlaryny, baglanyşyk belliklerini we interaktiw elementleri bellemek üçin ulanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däl.
Neýtral
- Ink Black
#0c0a09— Esasy sözbaşylar, aýratynlaşdyrylan esasy tekst we beýan ediji nyşanlar ýyly, diýen ýaly gara reňkde. - Stone Canvas
#fafaf9— Sahypanyň fony ekranyň ak reňkinden has köp kagyz ýaly duýulýan ýyly, krem reňkli. - Pure White
#ffffff— Karta ýüzleri, çykyp duran paneller we giriş meýdanlarynyň doldurylmalary adatça tekiz we kölegesiz bolýar. - Stone Border
#e8e6e5— Kartlarda, nawigasiýada we giriş meýdanlarynda inçe çäkler bölüjiler däl-de, esasy gurluş elementidir. - Stone Muted
#d6d3d1— Goşmaça çarçuwalar, inçe fon kölegeleri, bezeg bölüjiler. - Ash Gray
#a8a29e— Kömek teksti, nyşanlaryň konturlary, öçürilen ýagdaýlar - okalyp bilner, ýöne işjeň däl.
Tipografiýa
10-dan 52 piksele çenli · 5 ädim
- Roobert — çalyşmak: Inter Tight or Satoshi · konturlar 400, 500 · Sözbaşylar we tekst düzülişi üçin şrift minimal negatiw harp aralygy bolan özboluşly geometrik sans-serif şriftidir (32 pikselde -0.025em, 52 pikselde -0.021em). 400 x 52 piksel agramy şriftiň özboluşly aýratynlygydyr: adaty däl, inçe, ýöne ygtyýarly, ýöne pes sözli. Sözbaşylar öz ornuny aşa köp däl-de eýeleýär.
- Inter — çalyşmak: Inter · konturlar 400, 500, 600 · Esasy tekst, nawigasiýa, interfeýs we sözbaşylar üçin esasy şrift ekrandan daşary ähli tekstler üçin neýtral, umumy şriftdir. Esasy tekst üçin esasy ölçeg 400 agramly we 1,64 setir aralygy bolan 14 pikseldir (ýygylyk 1174). Kiçi ölçeglerde oň harp aralygy (0,004em) dykyz interfeýsiň okalyşyny üpjün edýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 8px |
| Düwme radiusy | 9999px |
| Kart radiusy | 10px |
| Kölegeler | ýumşak kölegeler |
| Bölümleriň arasynda | 96px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Seline Analytics 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
- ElevenLabs — Ýumşak krem reňkli we inçe sözbaşyly suratly esse. Bauhaus stilindäki depderçe — ýumurtga gabygy reňkli kagyz, gara syýa we önümi görkezmek üçin ýekeje gyrmyzy we mämişi reňkli bezeg.
- Awesomic — Konfeti ýadyňa salýan mämişi punktuasiýa belgileri bolan redaksiýa sink tor
- Monad — ýyly pergamentde redaksiýa tehniki žurnaly
- Dub — Link-iň mat tüwi kagyzynyň dolandyryş paneli
- Notion — Günortan güneşinde ýyly kagyz depder
- Anthropic — Ýyly pergament barada ylmy meýdan žurnaly — pil süňküniň asuda ýüzleri, serif redaksiýa sözbaşylary we diňe hereket gerek bolanda peýda bolýan ýekeje palçyk aksenti.
- Calendly — Sowuk mermeriň üstünde gara gök syýa
- Augen Pro — Apple-iň ak görnüşi monohrom giňişlikde ýeke-täk aksent hökmünde kliniki, agramsyz, elektrik gök reňki öz içine alýar.
- Antimetal — Kremli kagyzdaky redaksiýa hronikasy — ylmy žurnalda asuda ertir, bu ýerde öz-özüňi saklamak ynamy aňladýar, serifler bolsa agyr işleri ýerine ýetirýär.
- Perk — Gyzgyn pergament kagyzynda elektrik laýmy
- Ditto — Gün şöhlesi düşýän ussahanada ýabany gülleriň nusgalaryny döredýär. Ýyly krem reňkli ýüzler, açyk sary esasy reňk, goýy gök reňkli syýalar, eseriň arkasynda açylýan organiki reňkli görnüşler.
- Officevibe — Krem reňkli kagyzda ýazylan redaksiýa žurnaly. HR dolandyryşy barada oýlanyşykly oçerk göz öňüne getiriň, ol önüm hökmünde hödürlenýär — häzirki zaman gök interfeýs arkaly pyşyrdaýan kursiw serif şrifti.