Seline Analytics
Usa ka hilom nga analytical table sa init nga papel
Ang Seline gibutang batok sa usa ka mainit nga bato nga background (#fafaf9) nga adunay usa ka mahayag nga asul nga accent—ang tanan nga uban pang mga kolor neyutral ug gikuha gikan sa Tailwind stone color palette. Ang mga headline gihimo sa usa ka custom-designed geometric sans-serif font (roobert) nga adunay gibug-aton nga 400 ug pig-ot nga negative letter spacing, nga naghatag sa teksto og usa ka relaks, halos sama sa hunghong nga pagsalig nga sukwahi sa kasagaran nga kusog nga istilo sa SaaS. Ang mga UI surface kay patag nga puti nga mga kard, nga naglutaw ibabaw sa mainit nga background nga adunay usa ka humok, 16px nga blur; ang mga border gihimo gamit ang nipis, 1px nga mga linya nga bato, nga gigamit nga panguna nga elemento sa istruktura puli sa bug-at nga mga divider o mga panel. Ang layout naghatag og hangin: ang tibuok gilapdon nga sulud nakasentro sa usa ka mahayag nga bertikal nga ritmo, nga adunay mga interactive control nga porma sa pildoras, usa ka ilustrasyon sa mascot para sa personalidad, ug mga screenshot sa dashboard isip pruweba sa produkto. Ang kinatibuk-ang impresyon kay analitikal sa editoryal: kalmado, monochrome, masaligon, diin ang asul nga tawag sa aksyon mao ang labing makapadani nga elemento sa panid tungod sa tinuyo nga pagpugong sa tanan.
Ang panid kay pinakalapad, nakasentro sa gibana-bana nga 1200px nga adunay daghang bertikal nga espasyo. Ang hero kay usa ka duha ka linya, wala nga gi-align nga bloke sa teksto nga adunay usa ka gi-highlight nga hugpong sa mga pulong ("simple ug epektibo") nga kolor asul, gisundan sa usa ka laray nga adunay duha ka panawagan sa aksyon (blue pill + ghost pill), dayon usa ka laray sa mga logo sa partner nga grayscale, dayon usa ka laray sa mga trust rating, ug dayon usa ka full-width nga naglutaw nga dashboard preview, nga gamay nga nagsapaw sa sunod nga seksyon. Sa ubos sa pilo mao ang nagpuli-puli nga mga laray sa mga testimonial sa usa ka single-column grid, gisundan sa full-width nga mga seksyon nga adunay mga deskripsyon sa feature, wala nga gi-align nga teksto, ug nakasentro nga mga biswal sa produkto. Ang nabigasyon usa ka minimalist nga top bar—logo sa wala, nakasentro nga mga link sa nabigasyon, login + asul nga panawagan sa aksyon sa tuo—nga adunay naglutaw nga pungpong sa mga avatar sa tunga sa nabigasyon nga nagsilbing pag-verify sa identidad. Ang mga espasyo tali sa mga seksyon kay lapad (96px) aron makahimo og ritmo sa editoryal imbes nga usa ka dasok nga sagol nga impormasyon.
Ang biswal nga pinulongan gidominar sa mga screenshot sa user interface sa produkto—ang dashboard preview usa ka litrato nga gi-render gamit ang grayscale (1) (0.94) contrast filter, nga nag-mute sa mga kolor sa datos ngadto sa monochrome hue. Ang bugtong pigura sa tawo usa ka linear mascot sticker (usa ka karakter nga adunay hoodie), nga gidrowing sa SVG style nga adunay mga outline lamang, gibutang kausa matag seksyon isip usa ka playful counterpoint sa analytical content, nga adunay humok nga anino aron makahimo og sticker-like nga epekto sa giladmon. Ang brand logo ug mga glyph gagmay nga itom nga mga aligato/kalayo. Walay mga litrato—walay mga kuha sa estilo sa kinabuhi, walay mga litrato sa team, walay mga imahe sa kalikopan. Ang butang (ang dashboard) mao ang bida. Ang tanan nga pangdekorasyon nga mga icon kay 1px outline style sa #0c0a09 o #3ba6f1, wala gyud mapuno.
Paleta
Brand
- Cyan Signal
#3ba6f1— Ang pangunang panawagan sa aksyon, aktibong mga link, ug outline sa mga brand icon mao lamang ang mga kolor nga gidugang sa panid, nga panagsa ra gigamit aron madani ang atensyon sa aksyon. - Cyan Edge
#3398e1— Ang asul gigamit sa pag-highlight sa mga outline sa aksyon, mga label sa link, ug mga interactive nga elemento. Dili kini angay gamiton isip pangunang kolor para sa mga panawagan sa aksyon.
Neutral
- Ink Black
#0c0a09— Ang mga pangunang ulohan, gipasiugda nga lawas sa teksto, ug mga ekspresyon nga mga icon anaa sa mainiton, halos itom nga kolor. - Stone Canvas
#fafaf9— Ang background sa panid init ug krema ang kolor nga morag papel ang pamati imbes nga puti sa screen. - Pure White
#ffffff— Ang mga nawong sa mapa, nagtuybo nga mga panel, ug mga pagpuno sa input field kay patag ug walay anino pinaagi sa default. - Stone Border
#e8e6e5— Ang nipis nga mga border sa mga kard, nabigasyon, ug mga input field mao ang pangunang elemento sa istruktura, dili mga separator. - Stone Muted
#d6d3d1— Dugang nga mga bayanan, dili kaayo klaro nga mga landong sa background, mga pangdekorasyon nga divider. - Ash Gray
#a8a29e— Teksto sa tabang, mga outline sa icon, mga estado nga naka-disable - mabasa apan dili aktibo.
Tipograpiya
gikan sa 10 hangtod 52px · 5 ka lakang
- Roobert — kapuli: Inter Tight or Satoshi · mga balangkas 400, 500 · Ang font para sa mga heading ug layout sa teksto usa ka talagsaon nga geometric sans-serif nga adunay gamay nga negative letter spacing (-0.025em sa 32px, -0.021em sa 52px). Ang 400 x 52px nga gibug-aton mao ang pirma sa font: dili tradisyonal, dili kaayo klaro, apan awtoritatibo, apan simple. Ang mga heading ang nag-okupar sa ilang lugar nga dili sobra ka-ekstra.
- Inter — kapuli: Inter · mga balangkas 400, 500, 600 · Ang pangunang font para sa body text, navigation, UI, ug headings kay usa ka neyutral, universal font para sa tanang off-screen text. 14px nga may gibug-aton nga 400 ug line spacing nga 1.64 ang dominanteng gidak-on para sa body text (frequency nga 1174). Ang positive letter spacing (0.004em) sa gagmay nga mga gidak-on nagsiguro sa kasayon sa pagbasa sa dasok nga UI.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | lapad |
| Batakang lakang | 8px |
| Radius sa butones | 9999px |
| Radius sa kard | 10px |
| Mga anino | humok nga mga anino |
| Taliwala sa mga seksyon | 96px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Seline Analytics ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- ElevenLabs — Usa ka photo essay sa init nga krema nga mga kolor nga adunay malumo nga mga ulohan sa balita. Usa ka notebook nga istilo sa Bauhaus—papel nga kolor sama sa kabhang sa itlog, itom nga tinta, ug usa ka purpura ug kahel nga accent para sa display sa produkto.
- Awesomic — Editoryal nga zinc mesh nga adunay orange nga mga marka sa bantas nga nagpahinumdom sa confetti
- Monad — teknikal nga dyornal sa editoryal bahin sa mainit nga pergamino
- Dub — Panel sa pagkontrol sa matte rice paper sa Link
- Notion — Usa ka mainit nga notebook nga papel sa udto
- Anthropic — Usa ka siyentipikong field journal sa init nga vellum—kalma nga garing nga mga nawong, serifed nga mga ulohan sa editoryal, ug usa ka accent nga lapok nga makita lamang kung kinahanglan ang aksyon.
- Calendly — Itom nga asul nga tinta sa bugnaw nga marmol
- Augen Pro — Ang puti nga presentasyon sa Apple adunay klinikal, gaan, electric blue isip bugtong aksento sa usa ka monochrome nga espasyo.
- Antimetal — Usa ka kronika sa editoryal sa kremang papel—usa ka hilom nga buntag sa usa ka siyentipikong dyurnal, diin ang pagpugong nagpahayag sa pagsalig ug ang mga serif mao ang nagbuhat sa bug-at nga buluhaton
- Perk — Electric lime sa init nga parchment paper
- Ditto — Usa ka workshop nga gisidlakan sa adlaw nga naghimo og mga sample sa ihalas nga mga bulak. Mainit nga krema nga mga nawong, usa ka hayag nga dalag nga kolor sa base, lawom nga asul nga mga tinta, mga organikong kolor nga namulak sa luyo sa obra.
- Officevibe — Usa ka magasin nga editoryal sa init nga krema nga papel. Handurawa ang usa ka mahunahunaon nga sanaysay bahin sa pagdumala sa HR, nga gipresentar isip usa ka produkto—usa ka cursive serif font nga naghunghong pinaagi sa usa ka moderno nga asul nga interface.