Seline Analytics
Jadual analitik yang tenang di atas kertas suam
Seline diletakkan pada latar belakang batu yang hangat (#fafaf9) dengan satu aksen biru terang—semua warna lain adalah neutral dan diambil daripada palet warna batu Tailwind. Tajuk utama dipaparkan dalam fon sans-serif geometrik yang direka khas (roobert) dengan berat 400 dan jarak huruf negatif yang sempit, memberikan teks keyakinan yang santai, hampir seperti bisikan yang berbeza dengan gaya SaaS yang biasanya kuat. Permukaan UI ialah kad putih rata, terapung di atas latar belakang yang hangat dengan satu kabur 16px yang lembut; sempadan dicipta dengan garisan nipis bertona batu 1px, banyak digunakan sebagai elemen struktur utama sebagai ganti pembahagi atau panel yang berat. Susun atur bernafas: kandungan lebar penuh berpusat pada irama menegak yang luas, dengan kawalan interaktif berbentuk pil, ilustrasi maskot untuk personaliti dan tangkapan skrin papan pemuka sebagai bukti produk. Kesan keseluruhan adalah analitikal editorial: tenang, monokrom, yakin, dengan ajakan bertindak biru menjadi elemen paling menarik pada halaman hasil daripada kekangan yang disengajakan daripada segala-galanya.
Halaman ini mempunyai lebar maksimum, berpusat kira-kira 1200 piksel dengan ruang menegak yang luas. Wira ialah blok teks dua baris, dijajarkan ke kiri dengan satu frasa yang diserlahkan ("mudah dan berkesan") dalam warna biru, diikuti oleh baris dengan dua seruan bertindak (pil biru + pil hantu), kemudian deretan logo rakan kongsi dalam skala kelabu, kemudian deretan penilaian kepercayaan, dan kemudian pratonton papan pemuka terapung lebar penuh, sedikit bertindih dengan bahagian seterusnya. Di bawah lipatan terdapat baris testimoni berselang-seli dalam grid lajur tunggal, diikuti oleh bahagian lebar penuh dengan penerangan ciri, teks dijajarkan ke kiri dan visual produk berpusat. Navigasi ialah bar atas minimalis—logo di sebelah kiri, pautan navigasi berpusat, log masuk + seruan bertindak biru di sebelah kanan—dengan sekumpulan avatar terapung di tengah navigasi berfungsi sebagai pengesahan identiti. Ruang antara bahagian adalah luas (96 piksel) untuk mencipta rentak editorial dan bukannya himpunan maklumat yang padat.
Bahasa visual didominasi oleh tangkapan skrin antara muka pengguna produk—pratonton papan pemuka ialah gambar yang dipamerkan dengan penapis kontras skala kelabu (1) (0.94), yang membisukan warna data kepada rona monokrom. Satu-satunya figura manusia ialah pelekat maskot linear (watak berhud), dilukis dalam gaya SVG dengan garisan luar sahaja, diletakkan sekali setiap bahagian sebagai titik balas yang ceria kepada kandungan analitikal, dengan bayang-bayang lembut untuk mencipta kesan kedalaman seperti pelekat. Logo dan glif jenama ialah percikan api/api hitam kecil. Tiada gambar—tiada gambar gaya hidup, tiada gambar pasukan, tiada imej alam sekitar. Objek (papan pemuka) ialah protagonis. Semua ikon hiasan ialah gaya garisan luar 1px sama ada dalam #0c0a09 atau #3ba6f1, tidak pernah diisi.
Palet
Jenama
- Cyan Signal
#3ba6f1— Seruan bertindak utama, pautan aktif dan garis besar ikon jenama merupakan satu-satunya aksen warna pada halaman, yang jarang digunakan untuk menarik perhatian kepada tindakan tersebut. - Cyan Edge
#3398e1— Biru digunakan untuk menyerlahkan garis besar tindakan, label pautan dan elemen interaktif. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak.
Neutral
- Ink Black
#0c0a09— Tajuk utama, teks isi yang diserlahkan dan ikon ekspresif berada dalam warna yang hangat, hampir hitam. - Stone Canvas
#fafaf9— Latar belakang halaman berwarna hangat dan berkrim yang terasa seperti kertas dan bukannya putih skrin. - Pure White
#ffffff— Permukaan peta, panel yang menonjol dan isian medan input adalah rata dan tanpa bayang secara lalai. - Stone Border
#e8e6e5— Sempadan nipis pada kad, navigasi dan medan input adalah elemen struktur utama, bukan pemisah. - Stone Muted
#d6d3d1— Bingkai tambahan, rona latar belakang yang halus, pembahagi hiasan. - Ash Gray
#a8a29e— Teks bantuan, garis besar ikon, keadaan dinyahdayakan - boleh dibaca tetapi tidak aktif.
Tipografi
dari 10 hingga 52px · 5 langkah
- Roobert — penggantian: Inter Tight or Satoshi · garis besar 400, 500 · Fon untuk tajuk dan susun atur teks ialah sans-serif geometrik yang unik dengan jarak huruf negatif yang minimum (-0.025em pada 32px, -0.021em pada 52px). Berat 400 x 52px ialah ciri khas fon: tidak konvensional, halus, namun berwibawa, namun bersahaja. Tajuk utama menempati tempatnya tanpa terlalu melebih-lebihkan.
- Inter — penggantian: Inter · garis besar 400, 500, 600 · Fon utama untuk teks isi, navigasi, UI dan tajuk ialah fon neutral dan universal untuk semua teks luar skrin. 14px dengan pemberat 400 dan jarak baris 1.64 ialah saiz utama untuk teks isi (frekuensi 1174). Jarak huruf positif (0.004em) pada saiz kecil memastikan kebolehbacaan UI yang padat.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | luas |
| Langkah asas | 8px |
| Jejari butang | 9999px |
| Jejari kad | 10px |
| Bayang-bayang | bayang-bayang lembut |
| Antara bahagian | 96px |
| Lebar halaman | 1200px |
AI akan membina laman web anda dalam gaya Seline Analytics dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- ElevenLabs — Esei foto dalam rona krim hangat dengan tajuk utama yang halus. Buku nota gaya Bauhaus—kertas berwarna kulit telur, dakwat hitam dan satu aksen ungu dan oren untuk paparan produk.
- Awesomic — Jaring zink editorial dengan tanda baca oren yang mengingatkan pada konfeti
- Monad — jurnal teknikal editorial mengenai perkamen hangat
- Dub — Panel kawalan kertas beras matte Link
- Notion — Buku nota kertas yang hangat di bawah sinaran matahari tengah hari
- Anthropic — Jurnal lapangan saintifik mengenai vellum hangat—permukaan gading yang tenang, tajuk editorial serif dan aksen tanah liat tunggal yang hanya muncul apabila tindakan diperlukan.
- Calendly — Dakwat biru tua pada marmar sejuk
- Augen Pro — Pembentangan putih Apple menampilkan warna biru elektrik klinikal, tanpa berat sebagai satu-satunya aksen dalam ruang monokrom.
- Antimetal — Kronik editorial di atas kertas krim—pagi yang tenang di jurnal saintifik, di mana kekangan menyampaikan keyakinan dan serif melakukan tugas yang berat
- Perk — Kapur elektrik di atas kertas parchment yang suam
- Ditto — Sebuah bengkel yang disinari cahaya matahari menghasilkan sampel bunga liar. Permukaan krim hangat, warna asas kuning terang, dakwat biru laut pekat, bentuk warna organik mekar di sebalik karya itu.
- Officevibe — Sebuah majalah editorial di atas kertas berwarna krim suam. Bayangkan sebuah esei yang bernas tentang pengurusan HR, yang dibentangkan sebagai satu produk—fon serif kursif yang berbisik melalui antara muka biru moden.