Seline Analytics
Trankvila analiza tablo sur varma papero
Seline estas metita kontraŭ varma ŝtona fono (#fafaf9) kun ununura vigla blua akĉento — ĉiuj aliaj koloroj estas neŭtralaj kaj prenitaj el la ŝtona kolorpaletro Tailwind. Titoloj estas prezentitaj per speciale dizajnita geometria sanserifa tiparo (roobert) kun pezo de 400 kaj mallarĝa negativa literinterspaco, donante al la teksto malstreĉan, preskaŭ flustrecan memfidon, kiu kontrastas kun la tipe laŭta SaaS-stilo. La uzantinterfacaj surfacoj estas plataj blankaj kartoj, ŝvebantaj super la varma fono kun ununura, mola, 16-piksela malklareco; randoj estas kreitaj per maldikaj, 1-pikselaj ŝtonkoloraj linioj, malavare uzataj kiel la ĉefa struktura elemento anstataŭ pezaj dividiloj aŭ paneloj. La aranĝo spiras: plenlarĝa enhavo centrita sur malavara vertikala ritmo, kun pilolformaj interagaj kontroloj, maskota ilustraĵo por personeco, kaj ekranfotoj de la instrumentpanelo kiel produkta pruvo. La ĝenerala impreso estas redakcie analiza: trankvila, monokroma, memfida, kun la blua voko al ago estanta la plej frapa elemento sur la paĝo danke al la konscia modereco de ĉio alia.
La paĝo estas maksimumlarĝa, centrita je proksimume 1200 rastrumeroj kun multe da vertikala spaco. La ĉefaĵo estas dulinia, maldekstre vicigita tekstbloko kun ununura, elstarigita frazo ("simpla kaj efika") en blua koloro, sekvata de vico kun du alvokoj al ago (blua pilolo + fantoma pilolo), poste vico de partneraj emblemoj en griza skalo, poste vico de fidindaj taksoj, kaj poste plenlarĝa ŝveba antaŭrigardo de la instrumentpanelo, iomete interkovrante la sekvan sekcion. Sub la faldo estas alternaj vicoj de atestoj en unukolumna krado, sekvataj de plenlarĝaj sekcioj kun funkciopriskriboj, maldekstre vicigita teksto kaj centritaj produktaj bildoj. La navigado estas minimuma supra stango - emblemo maldekstre, centritaj navigadaj ligiloj, ensaluto + blua alvoko al ago dekstre - kun ŝveba grupo de avataroj meze de la navigado servanta kiel identeca konfirmo. La spacoj inter sekcioj estas larĝaj (96 rastrumeroj) por krei redakcian ritmon anstataŭ densan konfuzaĵon de informoj.
La vidan lingvon dominas ekranfotoj de la uzantinterfaco de la produkto — la antaŭrigardo de la instrumentpanelo estas foto bildigita per grizskala (1) (0.94) kontrasta filtrilo, kiu silentigas la kolorojn de la datumoj al monokroma nuanco. La sola homa figuro estas linia maskota glumarko (kapuĉita rolulo), desegnita en SVG-stilo kun nur konturoj, metita unufoje por sekcio kiel ludema kontrapunkto al la analiza enhavo, kun mola ombro por krei glumark-similan efikon de profundo. La marka emblemo kaj ideogramoj estas malgrandaj nigraj sparkoj/flamoj. Ne estas fotoj — neniuj vivstilfotoj, neniuj teamfotoj, neniuj mediaj bildoj. La objekto (la instrumentpanelo) estas la ĉefrolulo. Ĉiuj ornamaj ikonoj estas 1-piksela kontura stilo en aŭ #0c0a09 aŭ #3ba6f1, neniam plenigitaj.
Paletro
Marko
- Cyan Signal
#3ba6f1— La ĉefa alvoko al ago, aktivaj ligiloj, kaj konturoj de markikonoj estas la solaj kolorakcentoj sur la paĝo, uzataj ŝpareme por atentigi pri la ago. - Cyan Edge
#3398e1— Blua koloro estas uzata por reliefigi agkonturojn, ligilajn etikedojn kaj interagajn elementojn. Ĝi ne devus esti uzata kiel la ĉefa koloro por alvokoj al ago.
Neŭtrala
- Ink Black
#0c0a09— Ĉefaj titoloj, elstarigita korpteksto kaj esprimplenaj ikonoj estas en varma, preskaŭ nigra koloro. - Stone Canvas
#fafaf9— La paĝfono estas varma, kremeca nuanco kiu sentas kiel papero anstataŭ la blanko de ekrano. - Pure White
#ffffff— Mapsurfacoj, elstarantaj paneloj, kaj enigkampaj plenigaĵoj estas defaŭlte ebenaj kaj senombraj. - Stone Border
#e8e6e5— Maldikaj borderoj sur kartoj, navigado kaj enigokampoj estas la ĉefa struktura elemento, ne apartigiloj. - Stone Muted
#d6d3d1— Kromaj kadroj, subtilaj fonaj nuancoj, ornamaj dividiloj. - Ash Gray
#a8a29e— Helpa teksto, konturoj de ikonoj, malŝaltitaj statoj - legeblaj sed neaktivaj.
Tipografio
de 10 ĝis 52 rastrumeroj · 5 paŝoj
- Roobert — anstataŭaĵo: Inter Tight or Satoshi · konturoj 400, 500 · La tiparo por titoloj kaj teksta aranĝo estas unika geometria sanserifo kun minimuma negativa interspaco inter literoj (-0.025em je 32px, -0.021em je 52px). La pezo de 400 x 52px estas la karakterizaĵo de la tiparo: netradicia, subtila, tamen aŭtoritata, tamen modesta. Titoloj okupas sian lokon sen esti troŝarĝaj.
- Inter — anstataŭaĵo: Inter · konturoj 400, 500, 600 · La ĉefa tiparo por teksto, navigado, uzantinterfaco, kaj titoloj estas neŭtrala, universala tiparo por ĉiu eksterekrana teksto. 14 rastrumeroj kun pezo de 400 kaj liniinterspaco de 1,64 estas la superrega grandeco por teksto (frekvenco 1174). Pozitiva literinterspaco (0,004 em) ĉe malgrandaj grandecoj certigas legeblecon de densa uzantinterfaco.
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 8px |
| Butona radiuso | 9999px |
| Karto-radiuso | 10px |
| Ombroj | molaj ombroj |
| Inter sekcioj | 96px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Seline Analytics kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- ElevenLabs — Fotoeseo en varmaj kremkoloraj tonoj kun subtilaj titoloj. Notlibro en la stilo de Bauhaus — ovoŝelkolora papero, nigra inko, kaj ununura viola kaj oranĝa akcento por montri la produkton.
- Awesomic — Redakcia zinka reto kun oranĝaj interpunkciaj signoj rememorigaj pri konfetoj
- Monad — redakcia teknika revuo sur varma pergameno
- Dub — La kontrolpanelo de Link, la senbrila rizpapero
- Notion — Varma papera kajero en la tagmeza suno
- Anthropic — Scienca kampa revuo sur varma pergamentpapero — trankvilaj eburaj surfacoj, serifaj ĉefartikoltitoloj, kaj ununura argila akcento kiu aperas nur kiam agado estas necesa.
- Calendly — Malhelblua inko sur malvarma marmoro
- Augen Pro — La blanka prezento de Apple havas klinikan, senpezan, elektran bluon kiel la solan akĉenton en monokroma spaco.
- Antimetal — Redakcia kroniko sur kremkolora papero — trankvila mateno ĉe scienca revuo, kie sinregado transdonas fidon kaj serifoj faras la pezan laboron
- Perk — Elektra kalko sur varma pergamentpapero
- Ditto — Sunlumita laborejo kreante specimenojn de sovaĝfloroj. Varmaj kremkoloraj surfacoj, vigla flava bazkoloro, profundaj marbluaj inkoj, organikaj kolorformoj florantaj malantaŭ la peco.
- Officevibe — Redakcia revuo sur varma kremkolora papero. Imagu pripenseman eseon pri dungitaro-administrado, prezentitan kiel produkton — kursiva serifa tiparo flustranta tra moderna blua interfaco.