Seline Analytics
Ib lub rooj tshuaj xyuas ntsiag to ntawm daim ntawv sov
Seline teeb tsa ntawm lub keeb kwm yav dhau los ntawm pob zeb sov so (#fafaf9) nrog rau ib qho xim xiav ci ntsa iab - tag nrho lwm cov xim yog xim nruab nrab thiab kos los ntawm Tailwind pob zeb xim palette. Cov ntawv xov xwm tau tsim los ntawm cov ntawv geometric sans-serif (roobert) uas tsim tshwj xeeb nrog qhov hnyav ntawm 400 thiab qhov sib nrug ntawm cov ntawv tsis zoo, ua rau cov ntawv nyeem muaj kev ntseeg siab zoo li hais lus ntsiag to uas sib txawv nrog cov qauv SaaS nrov nrov. Cov npoo UI yog cov ntawv dawb tiaj tus, ntab saum toj ntawm lub keeb kwm yav dhau los sov so nrog ib qho, mos, 16px blur; ciam teb tau tsim nrog cov kab nyias nyias, 1px pob zeb-toned, siv dav dav ua lub hauv paus tseem ceeb hloov chaw ntawm cov khoom faib hnyav lossis cov vaj huam sib luag. Qhov layout ua pa: cov ntsiab lus dav dav uas nyob hauv qhov siab ntsug, nrog cov tshuaj ntsiav zoo li kev tswj hwm sib tham, daim duab kos duab rau tus cwj pwm, thiab cov duab thaij duab dashboard ua pov thawj khoom. Qhov kev xav tag nrho yog kev tshuaj xyuas kho kom zoo: nyob twj ywm, monochrome, ntseeg siab, nrog rau kev hu xov tooj xiav rau kev nqis tes ua yog qhov tseem ceeb tshaj plaws ntawm nplooj ntawv ua tsaug rau kev txwv ntawm txhua yam.
Nplooj ntawv dav tshaj plaws, nyob nruab nrab ntawm kwv yees li 1200px nrog ntau qhov chaw ntsug. Tus phab ej yog ob kab, kab ntawv sib dhos sab laug nrog ib kab lus tseem ceeb ("yooj yim thiab ua tau zoo") hauv xiav, ua raws li kab nrog ob qhov kev hu kom ua (tshuaj xiav + tshuaj dab), tom qab ntawd ib kab ntawm cov cim lag luam hauv greyscale, tom qab ntawd ib kab ntawm cov qhab nia kev ntseeg siab, thiab tom qab ntawd qhov kev saib ua ntej ntawm dashboard puv dav, me ntsis sib tshooj ntawm ntu tom ntej. Hauv qab daim ntawv tais yog cov kab lus pov thawj sib hloov hauv ib kab ntawv, ua raws li cov ntu puv dav nrog cov lus piav qhia txog yam ntxwv, cov ntawv sib dhos sab laug, thiab cov duab khoom hauv nruab nrab. Kev taw qhia yog ib qho minimalist sab saum toj bar - logo ntawm sab laug, cov kev sib txuas taw qhia hauv nruab nrab, nkag mus + xiav hu kom ua haujlwm ntawm sab xis - nrog ib pawg ntawm cov avatars ntab hauv nruab nrab ntawm kev taw qhia ua haujlwm ua kev txheeb xyuas tus kheej. Qhov chaw ntawm cov ntu yog dav (96px) los tsim ib qho kev sau ntawv es tsis yog kev sib xyaw ntawm cov ntaub ntawv.
Cov lus pom tau raug tswj hwm los ntawm cov duab thaij ntawm cov khoom siv interface - lub dashboard saib ua ntej yog daim duab uas tau tsim nrog lub lim xim grey (1) (0.94) sib piv, uas mutes cov xim ntawm cov ntaub ntawv rau ib qho xim monochrome. Tsuas yog tib neeg daim duab yog daim ntawv nplaum mascot linear (tus cwj pwm hooded), kos hauv SVG style nrog cov kab txaij xwb, muab tso ib zaug rau ib ntu ua qhov kev sib tw ua si rau cov ntsiab lus analytical, nrog rau ib qho duab ntxoov ntxoo mos mos los tsim cov nyhuv zoo li daim nplaum ntawm qhov tob. Lub logo hom thiab glyphs yog cov hluav taws xob dub me me / nplaim taws. Tsis muaj duab - tsis muaj cov duab thaij duab ntawm kev ua neej, tsis muaj duab pab pawg, tsis muaj duab ib puag ncig. Lub khoom (lub dashboard) yog tus protagonist. Txhua lub cim kho kom zoo nkauj yog 1px outline style hauv # 0c0a09 lossis # 3ba6f1, yeej tsis tau sau.
Xim av
Hom
- Cyan Signal
#3ba6f1— Cov lus hu kom ua haujlwm tseem ceeb, cov kev sib txuas nquag, thiab cov qauv ntawm cov cim lag luam yog tib cov xim ntawm nplooj ntawv, siv tsawg tsawg los kos kev mloog rau qhov kev ua. - Cyan Edge
#3398e1— Xim xiav yog siv los qhia txog cov qauv kev ua, cov ntawv cim txuas, thiab cov ntsiab lus sib tham. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua.
Nruab nrab
- Ink Black
#0c0a09— Cov ntawv tseem ceeb, cov ntawv sau uas tau cim tseg, thiab cov cim qhia txog kev hais tawm yog xim sov so, yuav luag dub. - Stone Canvas
#fafaf9— Lub keeb kwm yav dhau ntawm nplooj ntawv yog xim sov so, zoo li daim ntawv es tsis yog xim dawb ntawm lub vijtsam. - Pure White
#ffffff— Cov duab qhia chaw, cov vaj huam sib luag uas tawm los, thiab cov ntawv sau rau hauv daim teb yog tiaj tus thiab tsis muaj duab ntxoov ntxoo los ntawm lub neej ntawd. - Stone Border
#e8e6e5— Cov ciam teb nyias nyias ntawm cov ntawv, kev taw qhia, thiab cov teb nkag yog cov ntsiab lus tseem ceeb ntawm cov qauv, tsis yog cov kab sib cais. - Stone Muted
#d6d3d1— Cov thav duab ntxiv, cov xim tom qab me me, cov khoom faib kho kom zoo nkauj. - Ash Gray
#a8a29e— Cov ntawv pab, cov duab qhia txog cov cim, cov xwm txheej xiam oob qhab - nyeem tau tab sis tsis ua haujlwm.
Kev sau ntawv
txij li 10 mus rau 52px · 5 kauj ruam
- Roobert — hloov: Inter Tight or Satoshi · cov qauv qhia 400, 500 · Cov ntawv rau cov npe thiab cov ntawv teeb tsa yog ib qho geometric sans-serif tshwj xeeb nrog qhov sib nrug tsawg kawg nkaus ntawm cov ntawv tsis zoo (-0.025em ntawm 32px, -0.021em ntawm 52px). Qhov hnyav 400 x 52px yog lub cim ntawm cov ntawv: tsis zoo li qub, tsis pom tseeb, tab sis muaj hwj chim, tab sis tsis hais ntau dhau. Cov npe tseem nyob hauv lawv qhov chaw yam tsis muaj kev ntxhov siab.
- Inter — hloov: Inter · cov qauv qhia 400, 500, 600 · Cov ntawv tseem ceeb rau cov ntawv hauv lub cev, kev taw qhia, UI, thiab cov npe yog cov ntawv nruab nrab, thoob ntiaj teb rau txhua cov ntawv tawm ntawm qhov screen. 14px nrog qhov hnyav ntawm 400 thiab qhov sib nrug ntawm kab ntawm 1.64 yog qhov loj tshaj plaws rau cov ntawv hauv lub cev (zaus 1174). Qhov sib nrug ntawm cov ntawv zoo (0.004em) ntawm qhov me me ua kom nyeem tau yooj yim ntawm UI ntom ntom.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | dav |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 10px |
| Duab ntxoov ntxoo | cov duab ntxoov ntxoo mos mos |
| Nruab nrab ntawm cov ntu | 96px |
| Qhov dav ntawm nplooj ntawv | 1200px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Seline Analytics thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- ElevenLabs — Ib tsab ntawv sau txog duab hauv xim dawb sov so nrog cov ntawv xov xwm me me. Ib phau ntawv sau ua qauv Bauhaus—daim ntawv xim qe qe, kua dub, thiab ib daim xim ntshav thiab txiv kab ntxwv rau kev tso saib cov khoom.
- Awesomic — Cov ntawv xov xwm zinc mesh nrog cov cim kab lus txiv kab ntxwv uas zoo li confetti
- Monad — phau ntawv xov xwm txog kev kho mob ntawm daim ntawv parchment sov
- Dub — Link lub vaj huam sib luag tswj hwm daim ntawv nplej matte
- Notion — Ib phau ntawv sau sov so hauv lub hnub nruab hnub
- Anthropic — Ib phau ntawv sau txog kev tshawb fawb txog cov ntaub vellum sov so—cov nplaim dawb mos mos, cov ntawv sau ua serifed, thiab ib qho av nplaum uas tsuas tshwm sim thaum xav tau kev nqis tes ua xwb.
- Calendly — Xim xiav tsaus nti rau ntawm marble txias
- Augen Pro — Kua cov xim dawb muaj xim xiav uas tsis hnyav, kho mob, thiab hluav taws xob ua lub ntsiab lus tseem ceeb hauv qhov chaw monochrome.
- Antimetal — Ib zaj dab neeg sau txog kev sau xov xwm ntawm daim ntawv dawb - ib tag kis sawv ntxov ntsiag to ntawm phau ntawv xov xwm tshawb fawb, qhov twg kev tswj hwm qhia txog kev ntseeg siab thiab cov ntawv serifs ua qhov hnyav.
- Perk — Txiv qaub ntsuab hluav taws xob rau ntawm daim ntawv parchment sov
- Ditto — Ib lub chaw ua haujlwm uas muaj hnub ci ntsa iab los tsim cov qauv paj ntoo qus. Cov nplaim paj dawb sov so, xim daj ci ntsa iab, cov kua xim xiav xiav tob tob, cov xim organic tawg paj tom qab daim duab.
- Officevibe — Ib phau ntawv xov xwm sau txog kev tswj hwm HR uas siv daim ntawv xim dawb sov so. Xav txog ib tsab ntawv sau txog kev tswj hwm HR, uas tau nthuav tawm ua ib yam khoom - ib daim ntawv sau ua ntawv cursive serif uas hais lus ntsiag to los ntawm lub interface xiav niaj hnub.