Seline Analytics
Sebuah tabel analitis yang tenang di atas kertas hangat.
Seline menggunakan latar belakang batu hangat (#fafaf9) dengan aksen biru cerah tunggal—semua warna lainnya netral dan diambil dari palet warna batu Tailwind. Judul ditampilkan dalam font sans-serif geometris yang dirancang khusus (roobert) dengan bobot 400 dan spasi huruf negatif yang sempit, memberikan teks kesan santai, hampir seperti bisikan, yang kontras dengan gaya SaaS yang biasanya berisik. Permukaan UI berupa kartu putih datar, mengambang di atas latar belakang hangat dengan blur lembut tunggal 16px; batas dibuat dengan garis tipis berwarna batu 1px, yang banyak digunakan sebagai elemen struktural utama sebagai pengganti pembatas atau panel yang berat. Tata letaknya terasa lapang: konten lebar penuh berpusat pada ritme vertikal yang lapang, dengan kontrol interaktif berbentuk pil, ilustrasi maskot untuk menambah kepribadian, dan tangkapan layar dasbor sebagai bukti produk. Kesan keseluruhannya analitis secara editorial: tenang, monokrom, percaya diri, dengan ajakan bertindak berwarna biru menjadi elemen paling mencolok di halaman berkat pengekangan yang disengaja dari semua elemen lainnya.
Halaman ini memiliki lebar maksimal, berpusat sekitar 1200px dengan banyak ruang vertikal. Bagian utama (hero) berupa blok teks dua baris yang rata kiri dengan satu frasa yang disorot ("sederhana dan efektif") berwarna biru, diikuti oleh baris dengan dua ajakan bertindak (pil biru + pil hantu), kemudian baris logo mitra dalam skala abu-abu, kemudian baris peringkat kepercayaan, dan kemudian pratinjau dasbor mengambang selebar penuh, sedikit tumpang tindih dengan bagian berikutnya. Di bawah lipatan halaman terdapat baris testimoni yang berselang-seling dalam grid satu kolom, diikuti oleh bagian-bagian selebar penuh dengan deskripsi fitur, teks rata kiri, dan visual produk yang berpusat. Navigasinya berupa bilah atas minimalis—logo di sebelah kiri, tautan navigasi yang berpusat, login + ajakan bertindak biru di sebelah kanan—dengan kumpulan avatar mengambang di tengah navigasi yang berfungsi sebagai verifikasi identitas. Jarak antar bagian cukup lebar (96px) untuk menciptakan ritme editorial daripada kumpulan informasi yang padat.
Bahasa visual didominasi oleh tangkapan layar antarmuka pengguna produk—pratinjau dasbor adalah foto yang dirender dengan filter kontras skala abu-abu (1) (0,94), yang meredam warna data menjadi warna monokrom. Satu-satunya figur manusia adalah stiker maskot linier (karakter berkerudung), digambar dengan gaya SVG hanya dengan garis luar, ditempatkan sekali per bagian sebagai penyeimbang yang menyenangkan terhadap konten analitis, dengan bayangan lembut untuk menciptakan efek kedalaman seperti stiker. Logo merek dan glif berupa percikan/nyala api hitam kecil. Tidak ada foto—tidak ada foto gaya hidup, tidak ada foto tim, tidak ada gambar lingkungan. Objek (dasbor) adalah protagonisnya. Semua ikon dekoratif bergaya garis luar 1px dalam #0c0a09 atau #3ba6f1, tidak pernah diisi.
Palet
Merek
- Cyan Signal
#3ba6f1— Ajakan bertindak utama, tautan aktif, dan garis luar ikon merek adalah satu-satunya aksen warna pada halaman tersebut, yang digunakan secara hemat untuk menarik perhatian pada tindakan tersebut. - Cyan Edge
#3398e1— Warna biru digunakan untuk menyoroti garis luar aksi, label tautan, dan elemen interaktif. Warna ini tidak boleh digunakan sebagai warna utama untuk ajakan bertindak (call to action).
Netral
- Ink Black
#0c0a09— Judul utama, teks isi yang disorot, dan ikon ekspresif menggunakan warna hangat, hampir hitam. - Stone Canvas
#fafaf9— Latar belakang halaman ini memiliki warna krem hangat yang terasa seperti kertas, bukan putih seperti layar. - Pure White
#ffffff— Permukaan peta, panel yang menonjol, dan isian kolom input secara default rata dan tanpa bayangan. - Stone Border
#e8e6e5— Garis tepi tipis pada kartu, navigasi, dan kolom input merupakan elemen struktural utama, bukan pemisah. - Stone Muted
#d6d3d1— Bingkai tambahan, gradasi warna latar belakang yang lembut, pembatas dekoratif. - Ash Gray
#a8a29e— Teks bantuan, garis luar ikon, status nonaktif - dapat dibaca tetapi tidak aktif.
Tipografi
dari 10 hingga 52px · 5 langkah
- Roobert — penggantian: Inter Tight or Satoshi · garis besar 400, 500 · Font untuk judul dan tata letak teks adalah sans-serif geometris unik dengan spasi antar huruf negatif minimal (-0,025em pada 32px, -0,021em pada 52px). Bobot 400 x 52px adalah ciri khas font ini: tidak konvensional, halus, namun berwibawa, namun bersahaja. Judul menempati tempatnya tanpa berlebihan.
- Inter — penggantian: Inter · garis besar 400, 500, 600 · Font utama untuk teks isi, navigasi, UI, dan judul adalah font netral dan universal untuk semua teks di luar layar. Ukuran 14px dengan bobot 400 dan spasi baris 1,64 adalah ukuran dominan untuk teks isi (frekuensi 1174). Spasi huruf positif (0,004em) pada ukuran kecil memastikan keterbacaan UI yang padat.
Interval dan bentuk
| Tujuan | Arti |
|---|---|
| Kepadatan | luas |
| Langkah dasar | 8px |
| Radius tombol | 9999px |
| Radius kartu | 10px |
| Bayangan | bayangan lembut |
| Di antara bagian-bagiannya | 96px |
| Lebar halaman | 1200px |
AI akan membangun situs web Anda dengan gaya Seline Analytics dan mengisinya.
- Isi dengan produk dan postingan melalui tautan - Instagram, TikTok, Facebook.
- Pindahkan konten dari situs lama Anda—cukup tentukan alamatnya.
- Desain modern pada mesin terbaik: React ( Next.js) dengan rendering sisi server dan optimasi SEO langsung dari awal.
- Optimasi SEO otomatis sepenuhnya untuk hasil pencarian dan rekomendasi jaringan saraf.
Gaya serupa
- ElevenLabs — Esai foto dalam nuansa krem hangat dengan judul yang halus. Sebuah buku catatan bergaya Bauhaus—kertas berwarna putih telur, tinta hitam, dan aksen ungu dan oranye tunggal untuk tampilan produk.
- Awesomic — Jaring seng editorial dengan tanda baca oranye yang mengingatkan pada confetti.
- Monad — jurnal teknis editorial tentang perkamen hangat
- Dub — Panel kontrol kertas beras matte milik Link
- Notion — Sebuah buku catatan kertas hangat di bawah terik matahari siang.
- Anthropic — Jurnal ilmiah lapangan di atas kertas vellum hangat—permukaan gading yang tenang, judul editorial berserif, dan aksen tanah liat tunggal yang hanya muncul ketika diperlukan tindakan.
- Calendly — Tinta biru tua di atas marmer dingin
- Augen Pro — Presentasi serba putih Apple menampilkan warna biru elektrik yang klinis dan ringan sebagai satu-satunya aksen di ruang monokrom.
- Antimetal — Sebuah catatan editorial di atas kertas krem—pagi yang tenang di sebuah jurnal ilmiah, di mana sikap menahan diri menyampaikan kepercayaan diri dan huruf serif melakukan tugas berat.
- Perk — Kapur elektrik di atas kertas perkamen hangat
- Ditto — Sebuah bengkel yang diterangi sinar matahari sedang membuat sampel bunga liar. Permukaan krem yang hangat, warna dasar kuning yang cerah, tinta biru tua yang pekat, bentuk warna organik yang bermekaran di belakang karya tersebut.
- Officevibe — Sebuah majalah editorial dengan kertas berwarna krem hangat. Bayangkan sebuah esai mendalam tentang manajemen SDM, yang disajikan sebagai sebuah produk—font serif kursif yang berbisik melalui antarmuka biru modern.