Seline Analytics
Tabel analitis sing sepi ing kertas anget
Seline disetel ing latar mburi watu sing anget (#fafaf9) kanthi aksen biru sing cerah—kabeh warna liyane netral lan dijupuk saka palet warna watu Tailwind. Judhul ditampilake nganggo font sans-serif geometris sing dirancang khusus (roobert) kanthi bobot 400 lan jarak huruf negatif sing sempit, menehi teks rasa percaya diri sing santai, meh kaya bisikan sing kontras karo gaya SaaS sing biasane banter. Permukaan UI awujud kertu putih datar, ngambang ing ndhuwur latar mburi sing anget kanthi blur 16px tunggal sing alus; wates digawe nganggo garis tipis kanthi warna watu 1px, digunakake kanthi akeh minangka elemen struktural utama tinimbang pembagi utawa panel sing abot. Tata letak ambegan: konten jembar lengkap sing dipusatake ing irama vertikal sing akeh, kanthi kontrol interaktif berbentuk pil, ilustrasi maskot kanggo kepribadian, lan tangkapan layar dashboard minangka bukti produk. Kesan sakabèhé analitis sacara editorial: tenang, monokrom, percaya diri, kanthi ajakan tumindak biru minangka elemen sing paling narik kawigaten ing kaca amarga pengekangan sing disengaja saka kabeh liyane.
Kaca iki jembaré maksimal, kira-kira 1200 piksel ing tengah kanthi papan vertikal sing jembar. Pahlawan iki wujud blok teks rong baris, rata kiwa kanthi frasa siji sing disorot ("prasaja lan efektif") kanthi warna biru, diterusake karo baris kanthi rong ajakan tumindak (pil biru + pil hantu), banjur baris logo mitra kanthi skala abu-abu, banjur baris rating kepercayaan, lan banjur pratinjau dashboard ngambang kanthi jembar lengkap, rada tumpang tindih karo bagean sabanjure. Ing ngisor lipatan ana baris testimoni sing silih genti ing kothak kolom siji, diterusake karo bagean jembar lengkap kanthi deskripsi fitur, teks rata kiwa, lan visual produk ing tengah. Navigasi iki wujud bilah ndhuwur minimalis—logo ing sisih kiwa, pranala navigasi ing tengah, login + ajakan tumindak biru ing sisih tengen—kanthi klompok avatar ngambang ing tengah navigasi sing dadi verifikasi identitas. Spasi antarane bagean amba (96 piksel) kanggo nggawe irama editorial tinimbang tumpukan informasi sing padhet.
Basa visual didominasi dening gambar layar antarmuka panganggo produk—pratinjau dashboard minangka foto sing digawe nganggo filter kontras skala abu-abu (1) (0.94), sing ngowahi warna data dadi warna monokrom. Siji-sijine tokoh manungsa yaiku stiker maskot linier (karakter berkerudung), digambar nganggo gaya SVG kanthi garis luar wae, diselehake sapisan saben bagean minangka tandingan sing nyenengake kanggo konten analitis, kanthi bayangan alus kanggo nggawe efek ambane kaya stiker. Logo merek lan glif minangka percikan/geni ireng cilik. Ora ana foto—ora ana foto gaya urip, ora ana foto tim, ora ana gambar lingkungan. Objek (dasbor) minangka protagonis. Kabeh ikon dekoratif duwe gaya garis luar 1px ing #0c0a09 utawa #3ba6f1, ora tau diisi.
Palet
Merek
- Cyan Signal
#3ba6f1— Ajakan tumindak utama, pranala aktif, lan garis besar ikon merek minangka siji-sijine aksen warna ing kaca kasebut, digunakake kanthi sithik kanggo narik kawigaten menyang tumindak kasebut. - Cyan Edge
#3398e1— Biru digunakake kanggo nyorot garis besar aksi, label pranala, lan elemen interaktif. Biru ora kena digunakake minangka warna utama kanggo ajakan tumindak.
Netral
- Ink Black
#0c0a09— Judhul utama, teks isi sing disorot, lan ikon ekspresif diwernani kanthi warna sing anget meh ireng. - Stone Canvas
#fafaf9— Latar mburi kaca awujud warna anget lan krem sing krasa kaya kertas, dudu putih layar. - Pure White
#ffffff— Lumahing peta, panel sing nonjol, lan isian kolom input minangka standar rata lan tanpa bayangan. - Stone Border
#e8e6e5— Wates tipis ing kertu, navigasi, lan kolom input minangka unsur struktural utama, dudu pemisah. - Stone Muted
#d6d3d1— Pigura tambahan, warna latar mburi sing alus, pembagi dekoratif. - Ash Gray
#a8a29e— Teks bantuan, garis besar ikon, status dipateni - bisa diwaca nanging ora aktif.
Tipografi
saka 10 nganti 52px · 5 langkah
- Roobert — panggantos: Inter Tight or Satoshi · garis besar 400, 500 · Font kanggo judhul lan tata letak teks awujud sans-serif geometris sing unik kanthi jarak huruf negatif minimal (-0.025em ing 32px, -0.021em ing 52px). Bobot 400 x 52px minangka ciri khas font kasebut: ora konvensional, alus, nanging otoritatif, nanging prasaja. Judhul nduweni papan sing pas tanpa berlebihan.
- Inter — panggantos: Inter · garis besar 400, 500, 600 · Font utama kanggo teks awak, navigasi, UI, lan judhul yaiku font netral lan universal kanggo kabeh teks ing njaba layar. 14px kanthi bobot 400 lan jarak baris 1,64 minangka ukuran sing dominan kanggo teks awak (frekuensi 1174). Jarak huruf positif (0,004em) ing ukuran cilik njamin UI sing padhet bisa diwaca.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | jembar |
| Langkah dhasar | 8px |
| Radius tombol | 9999px |
| Radius kertu | 10px |
| Bayangan | bayangan alus |
| Antarane bagean | 96px |
| Ambane kaca | 1200px |
AI bakal mbangun situs web sampeyan nganggo gaya Seline Analytics lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- ElevenLabs — Esai foto nganggo warna krem anget kanthi judhul sing alus. Buku cathetan gaya Bauhaus—kertas warna kulit endhog, tinta ireng, lan aksen ungu lan oranye siji kanggo tampilan produk.
- Awesomic — Jaring seng editorial nganggo tandha wacan oranye sing ngelingake konfeti
- Monad — jurnal teknis editorial babagan perkamen anget
- Dub — Panel kontrol kertas beras matte Link
- Notion — Buku cathetan kertas sing anget ing srengenge awan
- Anthropic — Jurnal lapangan ilmiah babagan vellum anget—permukaan gading sing tenang, judhul editorial serif, lan aksen lempung tunggal sing mung katon nalika ana tindakan sing dibutuhake.
- Calendly — Tinta biru peteng ing marmer adhem
- Augen Pro — Presentasi putih Apple nduweni warna biru elektrik sing klinis, entheng minangka aksen tunggal ing ruang monokrom.
- Antimetal — Kronik editorial ing kertas krem—esuk sing sepi ing jurnal ilmiah, ing ngendi pengekangan nuduhake rasa percaya diri lan serif nindakake tugas sing abot
- Perk — Jeruk nipis listrik ing kertas roti anget
- Ditto — Lokakarya sing kebak cahya srengenge nggawe conto kembang liar. Permukaan krem sing anget, warna dasar kuning sing cerah, tinta biru laut sing jero, wujud warna organik sing mekar ing mburi karya kasebut.
- Officevibe — Majalah editorial ing kertas warna krem sing anget. Bayangna esai sing dipikir kanthi tliti babagan manajemen SDM, sing ditampilake minangka produk—font serif kursif sing muni liwat antarmuka biru modern.