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
- Mollie — In kasjmier teller, in tsjuster grutboek. Lit genôch wite romte oer foar redaksjoneel ûntwerp om 'e swarte tekst hinne, en fersterkje dan produktrelatearre punten mei waarme crèmes, espressobrowns en taktile foto's fan werklike betelmethoden.
- Kagi — In aparte lêskeamer. Meitsje in iepen wite romte om fetdrukte grafyttekst hinne, mei subtile pearse aksinten en waarme pastelkleurige oerflakken om de rêst te ûnderbrekken.
- Milanote — Milanote is in tawijde kreative studio. Meitsje redaksjonele galery-styl siden mei driuwende fisuele boerden: donkere framed muorren, wite werjefteromte en skermôfbyldings dy't lykje op echte objekten mei in sêfte djipte.
- Co2 — In klimaatatlas yn winterljocht. Meitsje siden lykas in lânskip fan loftdokuminten, wêr't serif-koppen, kategorykodearre gegevens en izige ôfbyldings brede wite marzjes markearje.
- GitButler — Turkoois oan 'e ein fan 'e tekst. In kombinaasje fan serif-koppen mei hege kontrast mei subtile technyske rasters, waarme grafyt-oerflakken en in diskreet turkoois aksint.
- 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