Seline Analytics
Tabella analitika kwieta fuq karta sħuna
Seline hija ssettjata fuq sfond ta’ ġebla sħuna (#fafaf9) b’aċċent blu vibranti wieħed—il-kuluri l-oħra kollha huma newtrali u meħuda mill-paletta tal-kuluri tal-ġebla Tailwind. L-aħbarijiet huma ppreżentati f’font sans-serif ġeometriku ddisinjat apposta (roobert) b’piż ta’ 400 u spazjar negattiv dejjaq tal-ittri, li jagħti lit-test kunfidenza rilassanti, kważi bħal ta’ xi ħadd li tikkuntrasta mal-istil SaaS tipikament qawwi. L-uċuħ tal-UI huma karti bojod ċatti, li jżommu f’wiċċ l-ilma ’l fuq mill-isfond sħun b’ċċajpar wieħed, artab, ta’ 16px; il-fruntieri huma maħluqa b’linji rqaq, ta’ 1px b’ton ta’ ġebla, użati b’mod ġeneruż bħala l-element strutturali primarju minflok diviżuri jew pannelli tqal. Id-disinn jieħu n-nifs: kontenut b’wisa’ sħiħ iċċentrat fuq ritmu vertikali ġeneruż, b’kontrolli interattivi f’forma ta’ pillola, illustrazzjoni ta’ maskot għall-personalità, u screenshots tad-dashboard bħala prova tal-prodott. L-impressjoni ġenerali hija editorjalment analitika: kalma, monokromatika, kunfidenti, bis-sejħa blu għall-azzjoni tkun l-aktar element impressjonanti fuq il-paġna grazzi għat-trażżin intenzjonat ta’ kollox.
Il-paġna għandha wisa' massima, iċċentrata madwar 1200px b'ħafna spazju vertikali. L-eroj huwa blokk ta' test b'żewġ linji, allinjat max-xellug b'frażi waħda enfasizzata ("sempliċi u effettiva") bil-blu, segwita minn ringiela b'żewġ sejħiet għall-azzjoni (pillola blu + pillola ghost), imbagħad ringiela ta' logos ta' msieħba fi skala griża, imbagħad ringiela ta' klassifikazzjonijiet ta' fiduċja, u mbagħad preview tad-dashboard f'wiċċ l-ilma b'wisa' sħiħa, li jikkoinċidi ftit mat-taqsima li jmiss. Taħt il-tinja hemm ringieli alternanti ta' testimonjanzi fi grilja ta' kolonna waħda, segwiti minn sezzjonijiet b'wisa' sħiħa b'deskrizzjonijiet tal-karatteristiċi, test allinjat max-xellug, u viżwali tal-prodott iċċentrati. In-navigazzjoni hija bar ta' fuq minimalista—logo fuq ix-xellug, links ta' navigazzjoni ċċentrati, login + sejħa għall-azzjoni blu fuq il-lemin—bi grupp ta' avatars f'wiċċ l-ilma fin-nofs tan-navigazzjoni li jservu bħala verifika tal-identità. L-ispazji bejn is-sezzjonijiet huma wesgħin (96px) biex joħolqu ritmu editorjali aktar milli taħlita densa ta' informazzjoni.
Il-lingwaġġ viżwali huwa ddominat minn screenshots tal-interfaċċja tal-utent tal-prodott—il-preview tad-dashboard hija ritratt mogħti b'filtru tal-kuntrast fuq skala griża (1) (0.94), li jnaqqas il-kuluri tad-dejta għal lewn monokromu. L-unika figura umana hija stiker tal-maskot lineari (karattru bil-kappa), imfassal fi stil SVG b'kontorni biss, imqiegħed darba għal kull sezzjoni bħala kontrapunt umoristiku għall-kontenut analitiku, b'dell artab biex joħloq effett ta' fond bħal stiker. Il-logo tal-marka u l-glifi huma xrar/fjammi suwed żgħar. M'hemm l-ebda ritratti—l-ebda ritratti tal-istil tal-ħajja, l-ebda ritratti tat-tim, l-ebda stampi ambjentali. L-oġġett (id-dashboard) huwa l-protagonist. L-ikoni dekorattivi kollha huma stil ta' kontorn ta' 1px jew f'#0c0a09 jew #3ba6f1, qatt ma jimtlew.
Paletta
Marka
- Cyan Signal
#3ba6f1— Is-sejħa ewlenija għall-azzjoni, il-links attivi, u l-kontorn tal-ikoni tal-marka huma l-uniċi aċċenti tal-kulur fuq il-paġna, użati bil-moderazzjoni biex jiġbdu l-attenzjoni lejn l-azzjoni. - Cyan Edge
#3398e1— Il-blu jintuża biex jenfasizza l-punti ewlenin tal-azzjoni, it-tikketti tal-links, u l-elementi interattivi. M'għandux jintuża bħala l-kulur primarju għal sejħiet għal azzjoni.
Newtrali
- Ink Black
#0c0a09— L-intestaturi ewlenin, it-test enfasizzat, u l-ikoni espressivi huma f'kulur sħun, kważi iswed. - Stone Canvas
#fafaf9— L-isfond tal-paġna huwa ta’ lewn sħun u kremuż li jħoss bħal karta aktar milli l-abjad ta’ skrin. - Pure White
#ffffff— L-uċuħ tal-mappa, il-pannelli li jisporġu 'l barra, u l-mili tal-oqsma tal-input huma ċatti u mingħajr dellijiet awtomatikament. - Stone Border
#e8e6e5— Borduri rqaq fuq il-karti, in-navigazzjoni, u l-oqsma tal-input huma l-element strutturali primarju, mhux separaturi. - Stone Muted
#d6d3d1— Frejms addizzjonali, sfumaturi sottili fl-isfond, diviżuri dekorattivi. - Ash Gray
#a8a29e— Test ta' għajnuna, kontorni tal-ikoni, stati diżattivati - leġġibbli iżda inattivi.
Tipografija
minn 10 sa 52px · 5 passi
- Roobert — sostituzzjoni: Inter Tight or Satoshi · linji gwida 400, 500 · It-tipa għat-titoli u t-tqassim tat-test hija sans-serif ġeometrika unika b'spazjar minimu negattiv bejn l-ittri (-0.025em f'32px, -0.021em f'52px). Il-piż ta' 400 x 52px huwa l-firma tat-tipa: mhux konvenzjonali, sottili, iżda awtorevoli, iżda mhux esaġerat. It-titoli jokkupaw posthom mingħajr ma jkunu esaġerati.
- Inter — sostituzzjoni: Inter · linji gwida 400, 500, 600 · Il-font primarju għat-test tal-ġisem, in-navigazzjoni, l-UI, u l-intestaturi huwa font newtrali u universali għat-test kollu barra mill-iskrin. 14px b'piż ta' 400 u spazjar tal-linji ta' 1.64 huwa d-daqs predominanti għat-test tal-ġisem (frekwenza 1174). Spazjar pożittiv tal-ittri (0.004em) f'daqsijiet żgħar jiżgura l-leġġibilità ta' UI densa.
Intervalli u forma
| Skop | Tifsira |
|---|---|
| Densità | spazjuż |
| Pass bażiku | 8px |
| Raġġ tal-buttuna | 9999px |
| Raġġ tal-karta | 10px |
| Dellijiet | dellijiet rotob |
| Bejn is-sezzjonijiet | 96px |
| Wisa' tal-paġna | 1200px |
L-AI se tibni l-websajt tiegħek fl-istil ta' Seline Analytics u timlieha
- Imla bi prodotti u postijiet permezz tal-link - Instagram, TikTok, Facebook.
- Ittrasferixxi l-kontenut mis-sit il-qadim tiegħek—speċifika biss l-indirizz.
- Disinn modern fuq l-aqwa magna: React ( Next.js) b'rendering tas-server u ottimizzazzjoni SEO lesti għall-użu.
- Ottimizzazzjoni SEO kompletament awtomatizzata għar-riżultati tat-tfittxija u rakkomandazzjonijiet tan-netwerk newrali.
Stili simili
- ElevenLabs — Esej bir-ritratti f'toni krema sħan b'titoli sottili. Notebook stil Bauhaus—karta kkulurita bħal qoxra tal-bajda, linka sewda, u aċċent wieħed vjola u oranġjo għall-wiri tal-prodott.
- Awesomic — Xibka taż-żingu editorjali b'marki ta' punteġġjatura oranġjo li jfakkru fil-konfetti
- Monad — ġurnal tekniku editorjali fuq parċmina sħuna
- Dub — Il-pannell tal-kontroll tal-karta tar-ross matte ta' Link
- Notion — Notebook tal-karta sħuna fix-xemx ta’ nofsinhar
- Anthropic — Ġurnal xjentifiku fuq il-post fuq vellum sħun—uċuħ kalmi tal-avorju, intestaturi editorjali b'serif, u aċċent wieħed tat-tafal li jidher biss meta tkun meħtieġa azzjoni.
- Calendly — Linka blu skura fuq irħam kiesaħ
- Augen Pro — Il-preżentazzjoni bajda ta' Apple tinkludi blu elettriku kliniku, bla piż bħala l-uniku aċċent fi spazju monokromu.
- Antimetal — Kronaka editorjali fuq karta krema—għodwa kwieta f’ġurnal xjentifiku, fejn ir-rażan iwassal kunfidenza u s-serifs jagħmlu x-xogħol iebes
- Perk — Ġir elettriku fuq karta parċmina sħuna
- Ditto — Workshop imdawwal mix-xemx joħloq kampjuni ta' fjuri selvaġġi. Uċuħ krema sħan, kulur bażi isfar vibranti, linka blu skur, forom ta' kulur organiku jiffjorixxu wara l-biċċa.
- Officevibe — Rivista editorjali fuq karta ta’ lewn krema sħun. Immaġina esej maħsub dwar il-ġestjoni tal-HR, ippreżentat bħala prodott—font serif kursiv li jxaqleb minn ġo interface blu moderna.