Seline Analytics
Tihi analitički sto na toplom papiru
Seline je postavljen na toplu kamenu pozadinu (#fafaf9) s jednim živahnim plavim akcentom - sve ostale boje su neutralne i preuzete iz Tailwind palete kamenih boja. Naslovi su prikazani u posebno dizajniranom geometrijskom sans-serif fontu (roobert) s težinom od 400 i uskim negativnim razmakom između slova, što tekstu daje ležerno, gotovo samopouzdanje poput šapata koje je u kontrastu s tipično glasnim SaaS stilom. UI površine su ravne bijele kartice, koje lebde iznad tople pozadine s jednim, mekim zamućenjem od 16px; okviri su kreirani tankim linijama u kamenom tonu od 1px, koje se obilno koriste kao primarni strukturni element umjesto teških razdjelnika ili panela. Raspored diše: sadržaj pune širine centriran je na velikodušnom vertikalnom ritmu, s interaktivnim kontrolama u obliku pilule, ilustracijom maskote za ličnost i snimcima ekrana kontrolne ploče kao dokazom proizvoda. Ukupni dojam je urednički analitičan: smiren, monohromatski, samouvjeren, s plavim pozivom na akciju kao najupečatljivijim elementom na stranici zahvaljujući namjernom suzdržavanju svega ostalog.
Stranica je maksimalne širine, centrirana na približno 1200px s puno vertikalnog prostora. Glavni dio stranice je blok teksta u dva reda, poravnat lijevo, s jednom, istaknutom frazom ("jednostavno i učinkovito") u plavoj boji, nakon čega slijedi red s dva poziva na akciju (plava pilula + pilula duh), zatim red logotipa partnera u sivoj nijansi, zatim red ocjena povjerenja, a zatim pregled kontrolne ploče u punoj širini, koji se blago preklapa sa sljedećim odjeljkom. Ispod pregiba nalaze se naizmjenični redovi svjedočanstava u mreži s jednim stupcem, nakon čega slijede odjeljci u punoj širini s opisima značajki, tekstom poravnatim lijevo i centriranim vizualnim prikazima proizvoda. Navigacija je minimalistička gornja traka - logo s lijeve strane, centrirani navigacijski linkovi, prijava + plavi poziv na akciju s desne strane - s plutajućim skupom avatara u sredini navigacije koji služe za provjeru identiteta. Razmaci između odjeljaka su široki (96px) kako bi se stvorio urednički ritam, a ne gusta hrpa informacija.
Vizuelnim jezikom dominiraju snimci ekrana korisničkog interfejsa proizvoda - pregled kontrolne ploče je fotografija prikazana sa sivim (1) (0,94) kontrastnim filterom, koji prigušuje boje podataka u monohromatsku nijansu. Jedina ljudska figura je linearna naljepnica maskote (lik sa kapuljačom), nacrtana u SVG stilu samo sa obrisima, postavljena jednom po sekciji kao razigran kontrapunkt analitičkom sadržaju, sa mekom sjenom koja stvara efekat dubine sličan naljepnici. Logo brenda i glifovi su male crne iskre/plamenovi. Nema fotografija - nema snimaka životnog stila, nema timskih fotografija, nema slika okoline. Objekt (kontrolna ploča) je protagonist. Sve dekorativne ikone su u stilu obrisi od 1px u #0c0a09 ili #3ba6f1, nikada popunjene.
Paleta
Brend
- Cyan Signal
#3ba6f1— Glavni poziv na akciju, aktivni linkovi i obrisi ikona brenda jedini su akcenti u boji na stranici, koji se rijetko koriste kako bi se privukla pažnja na akciju. - Cyan Edge
#3398e1— Plava se koristi za isticanje obrisa akcija, oznaka linkova i interaktivnih elemenata. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Ink Black
#0c0a09— Glavni naslovi, istaknuti tekst i ekspresivne ikone su u toploj, gotovo crnoj boji. - Stone Canvas
#fafaf9— Pozadina stranice je topla, kremasta nijansa koja više podsjeća na papir, nego na bijeli ekran. - Pure White
#ffffff— Površine mape, izbočene ploče i ispune polja za unos su podrazumevano ravne i bez senke. - Stone Border
#e8e6e5— Tanke ivice na karticama, navigaciji i poljima za unos su primarni strukturni element, a ne separatori. - Stone Muted
#d6d3d1— Dodatni okviri, suptilne nijanse pozadine, ukrasne pregrade. - Ash Gray
#a8a29e— Tekst pomoći, obrisi ikona, onemogućena stanja - čitljivo, ali neaktivno.
Tipografija
od 10 do 52px · 5 koraka
- Roobert — zamjena: Inter Tight or Satoshi · obrisi 400, 500 · Font za naslove i raspored teksta je jedinstveni geometrijski sans-serif s minimalnim negativnim razmakom između slova (-0,025em na 32px, -0,021em na 52px). Debljina 400 x 52px je zaštitni znak fonta: nekonvencionalan, suptilan, a opet autoritativan, a opet decentan. Naslovi zauzimaju svoje mjesto, a da nisu nametljivi.
- Inter — zamjena: Inter · obrisi 400, 500, 600 · Primarni font za tekst, navigaciju, korisnički interfejs i naslove je neutralni, univerzalni font za sav tekst van ekrana. 14px sa težinom 400 i proredom između redova 1,64 je dominantna veličina za tekst (učestalost 1174). Pozitivan prored između slova (0,004em) pri malim veličinama osigurava čitljivost gustog korisničkog interfejsa.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 10px |
| Sjene | meke sjene |
| Između sekcija | 96px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Seline Analytics stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- ElevenLabs — Foto esej u toplim krem tonovima sa suptilnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narandžasti akcenat za izlaganje proizvoda.
- Awesomic — Urednička cinkova mreža s narandžastim interpunkcijskim znakovima koji podsjećaju na konfete
- Monad — urednički tehnički časopis na toplom pergamentu
- Dub — Linkova kontrolna ploča od mat rižinog papira
- Notion — Topla papirna sveska na podnevnom suncu
- Anthropic — Naučni časopis s terena o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni akcenat koji se pojavljuje samo kada je potrebna akcija.
- Calendly — Tamnoplava tinta na hladnom mramoru
- Augen Pro — Appleova bijela prezentacija sadrži kliničku, bestežinu, električno plavu boju kao jedini akcenat u monohromatskom prostoru.
- Antimetal — Uvodnik na krem papiru - tiho jutro u naučnom časopisu, gdje suzdržanost prenosi samopouzdanje, a serifi obavljaju teški posao.
- Perk — Električni limet na toplom pergament papiru
- Ditto — Suncem obasjana radionica u kojoj se izrađuju uzorci divljeg cvijeća. Tople kremaste površine, živahna žuta osnovna boja, tamnoplave tinte, organski oblici boja koji cvjetaju iza djela.
- Officevibe — Uvodnik časopisa na toplom krem papiru. Zamislite promišljen esej o upravljanju ljudskim resursima, predstavljen kao proizvod - kurzivni serifni font koji šapuće kroz moderni plavi interfejs.