Seline Analytics
Tihi analitički stol na toplom papiru
Seline je postavljen na toplu kamenu pozadinu (#fafaf9) s jednim živopisnim plavim naglaskom - sve ostale boje su neutralne i preuzete iz palete kamenih boja Tailwind. 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žernu, gotovo samouvjerenost poput šapta koja 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; obrubi su stvoreni tankim linijama u kamenu od 1px, koje se obilno koriste kao primarni strukturni element umjesto teških razdjelnika ili panela. Izgled diše: sadržaj pune širine centriran na velikodušnom vertikalnom ritmu, s interaktivnim kontrolama u obliku tablete, ilustracijom maskote za osobnost i snimkama zaslona nadzorne ploče kao dokazom proizvoda. Sveukupni dojam je urednički analitičan: smiren, monokromatski, 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 1200 piksela s puno vertikalnog prostora. Glavni dio stranice je blok teksta u dva retka, 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 boji, zatim red ocjena povjerenja, a zatim pregled plutajuće nadzorne ploče u punoj širini, koji se lagano preklapa sa sljedećim odjeljkom. Ispod pregiba nalaze se naizmjenični redovi svjedočanstava u mreži s jednim stupcem, nakon čega slijede odjeljci pune širine s opisima značajki, tekstom poravnatim ulijevo i centriranim vizualnim prikazima proizvoda. Navigacija je minimalistička gornja traka - logotip s lijeve strane, centrirane navigacijske poveznice, 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 (96 piksela) kako bi se stvorio urednički ritam, a ne gusta hrpa informacija.
Vizualnim jezikom dominiraju snimke zaslona korisničkog sučelja proizvoda - pregled nadzorne ploče je fotografija prikazana s kontrastnim filterom u sivim tonovima (1) (0,94), koji prigušuje boje podataka u monokromatsku nijansu. Jedina ljudska figura je linearna naljepnica maskote (lik s kapuljačom), nacrtana u SVG stilu samo s obrisima, postavljena jednom po odjeljku kao razigran kontrapunkt analitičkom sadržaju, s mekom sjenom za stvaranje efekta dubine nalik naljepnici. Logotip marke i glifovi su male crne iskre/plamenovi. Nema fotografija - nema snimaka načina života, nema timskih fotografija, nema slika okoliša. Objekt (nadzorna ploča) je protagonist. Sve ukrasne ikone su u stilu obrisa od 1px u boji #0c0a09 ili #3ba6f1, nikada nisu ispunjene.
Paleta
Robna marka
- Cyan Signal
#3ba6f1— Glavni poziv na akciju, aktivne poveznice i obrisi ikona brenda jedini su koloristički akcenti na stranici, koji se rijetko koriste kako bi se privukla pozornost na akciju. - Cyan Edge
#3398e1— Plava se koristi za isticanje obrisa radnji, oznaka poveznica i interaktivnih elemenata. Ne bi se trebala koristiti kao primarna boja za pozive na radnju.
Neutralno
- Ink Black
#0c0a09— Glavni naslovi, istaknuti tekst i izražajne ikone su u toploj, gotovo crnoj boji. - Stone Canvas
#fafaf9— Pozadina stranice je topla, kremasta nijansa koja se osjeća kao papir, a ne kao bijela boja ekrana. - Pure White
#ffffff— Površine karte, izbočene ploče i ispune polja za unos su prema zadanim postavkama ravne i bez sjene. - Stone Border
#e8e6e5— Tanki obrubi 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 tijela, navigaciju, korisničko sučelje i naslove je neutralni, univerzalni font za sav tekst izvan zaslona. 14px s težinom od 400 i razmakom između redaka od 1,64 je prevladavajuća veličina za tekst tijela (učestalost 1174). Pozitivan razmak između slova (0,004em) pri malim veličinama osigurava čitljivost gustog korisničkog sučelja.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus gumba | 9999px |
| Radijus kartice | 10px |
| Sjene | meke sjene |
| Između odjeljaka | 96px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Seline Analytics stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- ElevenLabs — Foto esej u toplim krem tonovima s decentnim naslovima. Bilježnica u stilu Bauhausa - papir boje ljuske jajeta, crna tinta i jedan ljubičasti i narančasti naglasak za izlaganje proizvoda.
- Awesomic — Urednička cinkova mreža s narančastim interpunkcijskim znakovima koji podsjećaju na konfete
- Monad — urednički tehnički časopis na toplom pergamentu
- Dub — Linkova upravljačka ploča od mat rižinog papira
- Notion — Topla papirnata bilježnica na podnevnom suncu
- Anthropic — Znanstveni terenski časopis o toplom pergamentu - mirne površine boje slonovače, serifirani urednički naslovi i jedan glineni naglasak 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 naglasak u monokromatskom prostoru.
- Antimetal — Uvodnik na krem papiru - mirno jutro u znanstvenom časopisu, gdje suzdržanost prenosi samopouzdanje, a serifi obavljaju teški posao
- Perk — Električna limeta na toplom papiru za pečenje
- 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 moderno plavo sučelje.