Seline Analytics
Yon tab analiz trankil sou papye cho
Seline chita sou yon fon wòch cho (#fafaf9) avèk yon sèl aksan ble vibran—tout lòt koulè yo net epi yo soti nan palèt koulè wòch Tailwind la. Tit yo trase nan yon polis sans-serif jewometrik (roobert) ki fèt espesyalman ak yon pwa 400 ak yon espasman lèt negatif etwat, sa ki bay tèks la yon konfyans trankil, prèske tankou yon chuichui ki kontraste ak style SaaS ki tipikman fò a. Sifas koòdone itilizatè yo se kat blan plat, k ap flote anlè fon cho a avèk yon sèl flou mou 16px; fwontyè yo kreye ak liy mens 1px koulè wòch, yo itilize anpil kòm eleman estriktirèl prensipal la olye de divizyon oswa panno lou. Mizanpaj la respire: kontni plen lajè santre sou yon ritm vètikal jenere, ak kontwòl entèaktif ki gen fòm grenn, yon ilistrasyon maskòt pou pèsonalite, ak ekran tablodbò kòm prèv pwodwi. Enpresyon jeneral la se analitik editoryalman: kalm, monokrom, konfidan, ak apèl ble a nan aksyon kòm eleman ki pi frapan sou paj la gras a kontrent volontè nan tout lòt bagay.
Paj la gen lajè maksimòm, santre apeprè 1200px ak anpil espas vètikal. Ewo a se yon blòk tèks de liy, aliyen agoch ak yon sèl fraz make ("senp epi efikas") an ble, ki te swiv pa yon ranje ak de apèl a aksyon (grenn ble + grenn fantom), answit yon ranje logo patnè an gri, answit yon ranje evalyasyon konfyans, epi yon aperçu tablodbò flotan tout lajè, ki sipèpoze yon ti kras sou pwochen seksyon an. Anba pli a gen ranje temwayaj altène nan yon griy yon sèl kolòn, ki te swiv pa seksyon tout lajè ak deskripsyon karakteristik, tèks aliyen agoch, ak vizyèl pwodwi santre. Navigasyon an se yon ba anlè minimalist—logo sou bò gòch la, lyen navigasyon santre, koneksyon + apèl a aksyon ble sou bò dwat la—ak yon gwoup avatar flotan nan mitan navigasyon an ki sèvi kòm verifikasyon idantite. Espas ki genyen ant seksyon yo laj (96px) pou kreye yon ritm editoryal olye de yon melanj enfòmasyon dans.
Langaj vizyèl la domine pa imaj ekran entèfas itilizatè pwodwi a—aperçu tablodbò a se yon foto ki rann ak yon filtè kontras gri (1) (0.94), ki diminye koulè done yo nan yon koulè monokrom. Sèl figi imen an se yon otokolan maskòt lineyè (yon karaktè ak kapuchon), trase nan style SVG ak kontou sèlman, mete yon fwa pa seksyon kòm yon kontrepwen amizan ak kontni analiz la, ak yon lonbray mou pou kreye yon efè pwofondè tankou yon otokolan. Logo mak la ak glif yo se ti etensèl/flanm nwa. Pa gen okenn foto—pa gen foto vi, pa gen foto ekip, pa gen imaj anviwònman. Objè a (tablodbò a) se protagonist la. Tout ikon dekoratif yo nan style kontou 1px swa nan #0c0a09 oswa #3ba6f1, pa janm ranpli.
Palèt
Mak
- Cyan Signal
#3ba6f1— Apèl prensipal la pou aksyon an, lyen aktif yo, ak kontou ikòn mak yo se sèl aksan koulè ki sou paj la, yo itilize yo ak modération pou atire atansyon sou aksyon an. - Cyan Edge
#3398e1— Yo itilize koulè ble pou mete aksan sou kontou aksyon yo, etikèt lyen yo, ak eleman entèaktif yo. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon yo.
Netral
- Ink Black
#0c0a09— Tit prensipal yo, tèks ki make an koulè, ak ikon ekspresyon yo nan yon koulè cho, prèske nwa. - Stone Canvas
#fafaf9— Fon paj la se yon koulè cho, krèm ki sanble ak papye olye de blan yon ekran. - Pure White
#ffffff— Sifas kat yo, panèl ki soti sou kote yo, ak ranpli chan pou antre yo plat e san lonbray pa default. - Stone Border
#e8e6e5— Fwontyè mens sou kat yo, navigasyon an, ak chan pou antre yo se eleman estriktirèl prensipal la, pa separateur yo. - Stone Muted
#d6d3d1— Ankadreman adisyonèl, tout koulè sibtil pou background, divizyon dekoratif. - Ash Gray
#a8a29e— Tèks èd, kontou ikòn, eta enfim - lizib men inaktif.
Tipografi
soti nan 10 pou rive nan 52px · 5 etap
- Roobert — ranplasman: Inter Tight or Satoshi · plan 400, 500 · Font pou tit yo ak layout tèks la se yon sans-serif jeyometrik inik ak yon espasman lèt negatif minimòm (-0.025em nan 32px, -0.021em nan 52px). Pwa 400 x 52px la se siyati font lan: inkonvansyonèl, sibtil, men otoritè, men senp. Tit yo okipe plas yo san yo pa twò egzajere.
- Inter — ranplasman: Inter · plan 400, 500, 600 · Font prensipal pou tèks kò a, navigasyon, koòdone itilizatè a, ak tit yo se yon font net, inivèsèl pou tout tèks ki pa sou ekran an. 14px ak yon pwa 400 ak yon espasman liy 1.64 se gwosè prensipal pou tèks kò a (frekans 1174). Espasman lèt pozitif (0.004em) nan ti gwosè asire lizibilite nan koòdone itilizatè dans.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | espasye |
| Etap debaz | 8px |
| Reyon bouton | 9999px |
| Reyon kat | 10px |
| Lonbray | lonbraj mou |
| Ant seksyon yo | 96px |
| Lajè paj la | 1200px |
IA ap bati sit entènèt ou a nan style Seline Analytics epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- ElevenLabs — Yon redaksyon foto nan ton krèm cho ak tit sibtil. Yon kaye style Bauhaus—papye koulè kokiy ze, lank nwa, ak yon sèl aksan mov ak zoranj pou montre pwodwi a.
- Awesomic — May zenk editoryal ak mak ponktiyasyon zoranj ki fè moun panse ak konfeti
- Monad — jounal teknik editoryal sou parchemin cho
- Dub — Panèl kontwòl papye diri mat Link la
- Notion — Yon kaye papye cho nan solèy midi a
- Anthropic — Yon jounal syantifik sou velòm cho—sifas ivwa kalm, tit editoryal ak serife, ak yon sèl aksan ajil ki parèt sèlman lè gen yon aksyon ki nesesè.
- Calendly — Lank ble fonse sou mab frèt
- Augen Pro — Prezantasyon blan Apple la prezante yon ble elektrik, klinik, lejè kòm sèl aksan nan yon espas monokrom.
- Antimetal — Yon kwonik editoryal sou papye krèm—yon maten trankil nan yon jounal syantifik, kote kontrent transmèt konfyans epi serif yo fè travay di a.
- Perk — Lacho elektrik sou papye parchemin cho
- Ditto — Yon atelye anba solèy k ap kreye echantiyon flè sovaj. Sifas krèm cho, yon koulè baz jòn vibran, lank ble maren fonse, fòm koulè òganik k ap fleri dèyè pyès la.
- Officevibe — Yon magazin editoryal sou papye koulè krèm cho. Imajine yon redaksyon byen reflechi sou jesyon resous imèn, prezante kòm yon pwodwi—yon polis serif kousif k ap chuichui nan yon koòdone ble modèn.