Seline Analytics
In rêstige analytyske tafel op waarm papier
Seline stiet tsjin in waarme stiennen eftergrûn (#fafaf9) mei in inkele libbene blauwe aksint - alle oare kleuren binne neutraal en ôflaat fan it Tailwind-stiennen kleurenpalet. Kopteksten wurde werjûn yn in oanpast ûntworpen geometrysk sans-serif lettertype (roobert) mei in gewicht fan 400 en smelle negative letterôfstân, wat de tekst in ûntspannen, hast fluisterjende selsbetrouwen jout dat kontrastearret mei de typysk lûde SaaS-styl. UI-oerflakken binne platte wite kaarten, dy't boppe de waarme eftergrûn sweve mei in inkele, sêfte, 16px wazigens; rânen wurde makke mei tinne, 1px stienkleurige linen, royaal brûkt as it primêre strukturele elemint ynstee fan swiere skiedingswanden of panielen. De yndieling sykhellet: ynhâld oer folsleine breedte sintrearre op in royaal fertikaal ritme, mei pilfoarmige ynteraktive kontrôles, in maskotte-yllustraasje foar persoanlikheid, en dashboard-screenshots as produktbewiis. De algemiene yndruk is redaksjoneel analytysk: kalm, monochroom, selsbetrouwen, mei de blauwe oprop ta aksje as it meast opfallende elemint op 'e pagina tanksij de bewuste beheining fan alles oars.
De side is maksimale breedte, sintraal op sawat 1200px mei in soad fertikale romte. De held is in twa-rigels, lofts-útrichte tekstblok mei ien markearre sin ("ienfâldich en effektyf") yn blau, folge troch in rige mei twa oprop ta aksje (blauwe pil + spoekpil), dan in rige partnerlogo's yn griisskaal, dan in rige fertrouwensbeoardielingen, en dan in driuwend dashboardfoarbyld oer folsleine breedte, dat de folgjende seksje wat oerlaapt. Under de fold binne ôfwikseljende rigen testimonials yn in raster mei ien kolom, folge troch seksjes oer folsleine breedte mei funksjebeskriuwingen, lofts-útrichte tekst en sintraal produktfisualisaasjes. De navigaasje is in minimalistyske boppeste balke - logo oan de linkerkant, sintraal navigaasjekeppelings, oanmelde + blauwe oprop ta aksje oan de rjochterkant - mei in driuwend kluster fan avatars yn 'e midden fan' e navigaasje dy't tsjinnet as identiteitsferifikaasje. De romten tusken seksjes binne breed (96px) om in redaksjoneel ritme te meitsjen ynstee fan in tichte wirwar fan ynformaasje.
De fisuele taal wurdt dominearre troch skermôfbyldings fan 'e brûkersynterface fan it produkt - de foarbyld fan it dashboard is in foto werjûn mei in griisskaal (1) (0.94) kontrastfilter, dat de kleuren fan 'e gegevens dempt nei in monochrome tint. De ienige minsklike figuer is in lineêre maskotte-sticker (in karakter mei in kap), tekene yn SVG-styl mei allinich kontoeren, ien kear per seksje pleatst as in spielerich tsjinpunt foar de analytyske ynhâld, mei in sêfte skaad om in sticker-eftich effekt fan djipte te meitsjen. It merklogo en de glyphs binne lytse swarte fonken/flammen. Der binne gjin foto's - gjin libbensstylfoto's, gjin teamfoto's, gjin miljeuôfbyldings. It objekt (it dashboard) is de protagonist. Alle dekorative ikoanen binne 1px-kontrôlestyl yn #0c0a09 of #3ba6f1, nea ynfold.
Palet
Merk
- Cyan Signal
#3ba6f1— De wichtichste oprop ta aksje, aktive keppelings en omtrek fan merkikoanen binne de ienige kleuraksinten op 'e pagina, dy't sparjend brûkt wurde om oandacht te lûken nei de aksje. - Cyan Edge
#3398e1— Blau wurdt brûkt om aksjeskema's, keppelinglabels en ynteraktive eleminten te markearjen. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje.
Neutraal
- Ink Black
#0c0a09— Haadkoppen, markearre lichemstekst en ekspressive ikoanen binne yn in waarme, hast swarte kleur. - Stone Canvas
#fafaf9— De eftergrûn fan 'e pagina is in waarme, romige skaad dy't oanfielt as papier ynstee fan it wyt fan in skerm. - Pure White
#ffffff— Kaartoerflakken, útstekkende panielen en ynfierfjildopvullingen binne standert flak en skaadleas. - Stone Border
#e8e6e5— Tinne rânen op kaarten, navigaasje en ynfierfjilden binne it primêre strukturele elemint, gjin skieders. - Stone Muted
#d6d3d1— Ekstra frames, subtile eftergrûnskaden, dekorative skieders. - Ash Gray
#a8a29e— Helptekst, ikoanomtrekken, útskeakele steaten - lêsber mar ynaktyf.
Typografy
fan 10 oant 52px · 5 stappen
- Roobert — ferfanging: Inter Tight or Satoshi · sketsen 400, 500 · It lettertype foar kopteksten en tekstopmaak is in unyk geometrysk sans-serif mei minimale negative letterôfstân (-0.025em by 32px, -0.021em by 52px). It gewicht fan 400 x 52px is de hantekening fan it lettertype: ûnkonvinsjoneel, subtyl, mar dochs autoritatyf, mar dochs ûnderbelichte. Kopteksten nimme har plak yn sûnder oerhearskjend te wêzen.
- Inter — ferfanging: Inter · sketsen 400, 500, 600 · It primêre lettertype foar lichemstekst, navigaasje, brûkersynterface en kopteksten is in neutraal, universeel lettertype foar alle tekst bûten it skerm. 14px mei in gewicht fan 400 en in rigelôfstân fan 1.64 is de oerhearskjende grutte foar lichemstekst (frekwinsje 1174). Positive letterôfstân (0.004em) by lytse grutte soarget foar lêsberens fan in tichte brûkersynterface.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | rom |
| Basisstap | 8px |
| Knopradius | 9999px |
| Kaartradius | 10px |
| Skaden | sêfte skaden |
| Tusken seksjes | 96px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Seline Analytics -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- ElevenLabs — In foto-essay yn waarme crèmekleurige toanen mei subtile koppen. In notebook yn Bauhaus-styl - aai-skulpkleurich papier, swarte inket, en in inkele pearse en oranje aksint foar produktwerjefte.
- Awesomic — Redaksjoneel sinkgaas mei oranje leestekens dy't tinken dogge oan konfetti
- Monad — redaksjoneel technysk tydskrift op waarm perkament
- Dub — Link's matte ryspapier kontrôlepaniel
- Notion — In waarm papieren notebook yn 'e middeis sinne
- Anthropic — In wittenskiplik fjildtydskrift op waarm vellum - rêstige ivoaren oerflakken, serifisearre redaksjonele koppen, en in ienich klaaiaksint dat allinich ferskynt as aksje nedich is.
- Calendly — Donkerblauwe inket op kâld moarmer
- Augen Pro — De wite presintaasje fan Apple hat in klinysk, gewichtleas, elektrysk blau as it ienige aksint yn in monochrome romte.
- Antimetal — In redaksjonele kronyk op crèmekleurich papier - in rêstige moarn yn in wittenskiplik tydskrift, dêr't beheining fertrouwen útstraalt en serifs it swiere wurk dogge
- Perk — Elektryske limoen op waarm perkamentpapier
- Ditto — In sinneferljochte workshop dy't foarbylden fan wylde blommen makket. Waarme crèmekleurige oerflakken, in libbene giele basiskleur, djip marineblauwe inkten, organyske kleurfoarmen dy't efter it stik bloeie.
- Officevibe — In redaksjoneel tydskrift op waarm crèmekleurich papier. Stel jo in neitocht essay foar oer HR-behear, presintearre as in produkt - in kursive serif-lettertype dat flústeret troch in moderne blauwe ynterface.