Seline Analytics
Kluss analītisks galds uz silta papīra
Seline ir novietots uz silta akmens fona (#fafaf9) ar vienu spilgti zilu akcentu — visas pārējās krāsas ir neitrālas un ņemtas no Tailwind akmens krāsu paletes. Virsraksti ir atveidoti īpaši izstrādātā ģeometriskā sans-serif fontā (roobert) ar 400 punktu biezumu un šauru negatīvu burtu atstarpi, piešķirot tekstam nesteidzīgu, gandrīz čukstam līdzīgu pārliecību, kas kontrastē ar tipiski skaļo SaaS stilu. Lietotāja saskarnes virsmas ir plakanas baltas kartītes, kas peld virs siltā fona ar vienu, maigu, 16 pikseļu izpludinājumu; apmales ir veidotas ar plānām, 1 pikseļa akmens toņa līnijām, kas dāsni izmantotas kā galvenais strukturālais elements smagu dalītāju vai paneļu vietā. Izkārtojums elpo: pilna platuma saturs, kas centrēts uz dāsnu vertikālu ritmu, ar tabletes formas interaktīvām vadības ierīcēm, talismana ilustrāciju personībai un informācijas paneļa ekrānuzņēmumiem kā produkta pierādījumu. Kopējais iespaids ir redakcionāli analītisks: mierīgs, vienkrāsains, pārliecināts, un zilais aicinājums uz darbību ir visspilgtākais elements lapā, pateicoties visa pārējā apzinātai atturībai.
Lapas platums ir maksimālais, centrēta aptuveni 1200 pikseļi ar daudz vertikālas vietas. Galvenais elements ir divu rindiņu, pa kreisi izlīdzināts teksta bloks ar vienu iezīmētu frāzi ("vienkāršs un efektīvs") zilā krāsā, kam seko rinda ar diviem aicinājumiem uz darbību (zila tablete + spoku tablete), tad partneru logotipu rinda pelēktoņu krāsā, tad uzticamības vērtējumu rinda un tad pilna platuma peldošs informācijas paneļa priekšskatījums, kas nedaudz pārklājas ar nākamo sadaļu. Zem locījuma vienas kolonnas režģī pārmaiņus atrodas atsauksmju rindas, kam seko pilna platuma sadaļas ar funkciju aprakstiem, pa kreisi izlīdzinātu tekstu un centrētiem produktu vizuālajiem elementiem. Navigācija ir minimālistiska augšējā josla — logotips kreisajā pusē, centrētas navigācijas saites, pieteikšanās + zils aicinājums uz darbību labajā pusē — ar peldošu avatāru kopu navigācijas vidū, kas kalpo kā identitātes pārbaude. Atstarpes starp sadaļām ir platas (96 pikseļi), lai radītu redakcionālu ritmu, nevis blīvu informācijas jucekli.
Vizuālajā valodā dominē produkta lietotāja saskarnes ekrānuzņēmumi — informācijas paneļa priekšskatījums ir fotogrāfija, kas atveidota ar pelēktoņu (1) (0,94) kontrasta filtru, kas datu krāsas padara melnbaltas. Vienīgā cilvēka figūra ir lineāra talismana uzlīme (tēls ar kapuci), zīmēta SVG stilā tikai ar kontūrām, novietota vienu reizi katrā sadaļā kā rotaļīgs kontrapunkts analītiskajam saturam, ar maigu ēnu, lai radītu uzlīmei līdzīgu dziļuma efektu. Zīmola logotips un glifi ir mazas melnas dzirksteles/liesmas. Nav fotogrāfiju — nav dzīvesveida fotoattēlu, nav komandas fotoattēlu, nav vides attēlu. Galvenais varonis ir objekts (informācijas panelis). Visas dekoratīvās ikonas ir 1px kontūras stilā #0c0a09 vai #3ba6f1, nekad nav aizpildītas.
Palete
Zīmols
- Cyan Signal
#3ba6f1— Galvenais aicinājums uz darbību, aktīvās saites un zīmola ikonu kontūras ir vienīgie krāsu akcenti lapā, kas tiek izmantoti taupīgi, lai pievērstu uzmanību darbībai. - Cyan Edge
#3398e1— Zilā krāsa tiek izmantota, lai izceltu darbību kontūras, saišu nosaukumus un interaktīvos elementus. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību.
Neitrāls
- Ink Black
#0c0a09— Galvenie virsraksti, izceltais pamatteksts un izteiksmīgās ikonas ir siltā, gandrīz melnā krāsā. - Stone Canvas
#fafaf9— Lapas fons ir siltā, krēmīgā tonī, kas atgādina papīru, nevis ekrāna baltumu. - Pure White
#ffffff— Kartes virsmas, izvirzītie paneļi un ievades lauku aizpildījumi pēc noklusējuma ir plakani un bez ēnām. - Stone Border
#e8e6e5— Plānas apmales uz kartītēm, navigācijas un ievades laukiem ir galvenais strukturālais elements, nevis atdalītāji. - Stone Muted
#d6d3d1— Papildu rāmji, smalki fona toņi, dekoratīvi dalītāji. - Ash Gray
#a8a29e— Palīdzības teksts, ikonu kontūras, atspējotie stāvokļi — salasāmi, bet neaktīvi.
Tipogrāfija
no 10 līdz 52 pikseļiem · 5 soļi
- Roobert — nomaiņa: Inter Tight or Satoshi · kontūras 400, 500 · Virsrakstu un teksta izkārtojuma fonts ir unikāls ģeometrisks sans-serif fonts ar minimālu negatīvu burtu atstarpi (-0,025 em pie 32 px, -0,021 em pie 52 px). 400 x 52 px biezums ir fonta raksturīgākā iezīme: netradicionāls, neuzkrītošs, tomēr autoritatīvs, tomēr atturīgs. Virsraksti ieņem savu vietu, nebūdami uzbāzīgi.
- Inter — nomaiņa: Inter · kontūras 400, 500, 600 · Galvenais fonts pamattekstam, navigācijai, lietotāja interfeisam un virsrakstiem ir neitrāls, universāls fonts visam ārpus ekrāna esošajam tekstam. 14 px ar biezumu 400 un rindstarpu 1,64 ir dominējošais pamatteksta izmērs (biežums 1174). Pozitīva burtu atstarpe (0,004 em) mazos izmēros nodrošina blīva lietotāja interfeisa lasāmību.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | plašs |
| Pamata solis | 8px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 10px |
| Ēnas | mīkstas ēnas |
| Starp sekcijām | 96px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Seline Analytics stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- ElevenLabs — Foto eseja siltos krēmkrāsas toņos ar neuzkrītošiem virsrakstiem. Bauhaus stila piezīmju grāmatiņa — olu čaumalas krāsas papīrs, melna tinte un viens violets un oranžs akcents produktu izvietošanai.
- Awesomic — Redakcijas cinka siets ar oranžām pieturzīmēm, kas atgādina konfeti
- Monad — redakcijas tehniskais žurnāls uz silta pergamenta
- Dub — Link matēta rīspapīra vadības panelis
- Notion — Silta papīra piezīmju grāmatiņa pusdienas saulē
- Anthropic — Zinātnisks lauka žurnāls uz silta pergamenta — mierīgas ziloņkaula virsmas, serifi raksta virsraksti un viens māla akcents, kas parādās tikai tad, kad nepieciešama rīcība.
- Calendly — Tumši zila tinte uz auksta marmora
- Augen Pro — Apple baltajā prezentācijā vienkrāsainā telpā kā vienīgais akcents ir klīnisks, viegls, elektriski zils tonis.
- Antimetal — Redakcijas hronika uz krēmkrāsas papīra — kluss rīts zinātniskā žurnālā, kur atturība pauž pārliecību un serifi veic smago darbu.
- Perk — Elektriskais laims uz silta pergamenta papīra
- Ditto — Saules apspīdēta darbnīca, kurā tiek radīti savvaļas ziedu paraugi. Silti krēmkrāsas virsmas, spilgti dzeltena pamatkrāsa, dziļi tumši zilas tintes, organiskas krāsu formas, kas plaukst aiz darba.
- Officevibe — Redakcijas žurnāls uz silta krēmkrāsas papīra. Iedomājieties pārdomātu eseju par personāla vadību, kas pasniegta kā produkts — kursīvs ar serif fontu, kas čukst cauri modernai zilai saskarnei.