Seline Analytics
Méja analitik anu sepi dina kertas haneut
Seline dipasang dina latar tukang batu anu haneut (#fafaf9) kalayan hiji aksen biru anu cerah—sadaya warna sanésna nétral sareng dicandak tina palet warna batu Tailwind. Judul didamel dina font sans-serif géométri anu dirancang khusus (roobert) kalayan beurat 400 sareng jarak hurup négatip anu sempit, masihan téks kapercayaan anu santai, ampir sapertos bisikan anu kontras sareng gaya SaaS anu biasana tarik. Permukaan UI nyaéta kartu bodas datar, ngambang di luhur latar tukang anu haneut kalayan hiji blur 16px anu lemes; wates didamel ku garis ipis, 1px warna batu, dianggo sacara lega salaku unsur struktural utama tinimbang pamisah atanapi panel anu beurat. Tata letakna ngambekan: eusi lébar pinuh dipusatkeun dina wirahma vertikal anu lega, kalayan kontrol interaktif anu bentukna pil, ilustrasi maskot pikeun kapribadian, sareng cuplikan layar dasbor salaku bukti produk. Kesan sakabéhna analitis sacara éditorial: tenang, monokrom, percaya diri, kalayan ajakan bertindak biru janten unsur anu paling narik dina halaman hatur nuhun kana pengekangan anu disengaja tina sadayana.
Kaca ieu lébarna maksimal, di tengahna sakitar 1200px kalayan rohangan vertikal anu lega. Pahlawanna nyaéta blok téks dua baris, rata kénca kalayan hiji frasa anu disorot ("basajan sareng efektif") warna biru, dituturkeun ku baris kalayan dua ajakan pikeun bertindak (pil biru + pil hantu), teras baris logo mitra dina skala abu-abu, teras baris peringkat kapercayaan, teras pratinjau dasbor ngambang lébar pinuh, rada tumpang tindih sareng bagian salajengna. Di handap lipatan aya baris testimoni anu silih genti dina grid kolom tunggal, dituturkeun ku bagian lébar pinuh kalayan pedaran fitur, téks rata kénca, sareng visual produk di tengah. Navigasina nyaéta bilah luhur minimalis—logo di kénca, tautan navigasi di tengah, login + ajakan pikeun bertindak biru di katuhu—kalayan gugusan avatar anu ngambang di tengah navigasi anu janten verifikasi idéntitas. Spasi antara bagian lega (96px) pikeun nyiptakeun wirahma éditorial tinimbang campuran inpormasi anu padet.
Basa visualna didominasi ku cuplikan layar antarmuka pangguna produk—pratinjau dasbor nyaéta poto anu dipidangkeun nganggo filter kontras grayscale (1) (0.94), anu nganonaktipkeun warna data kana warna monokrom. Hiji-hijina sosok manusa nyaéta stiker maskot linier (karakter anu nganggo tudung), digambar dina gaya SVG kalayan garis luar hungkul, ditempatkeun sakali per bagian salaku titik tandingan anu pikaresepeun pikeun eusi analitis, kalayan kalangkang lemes pikeun nyiptakeun éfék jerona anu siga stiker. Logo mérek sareng glif nyaéta percikan api/seuneu hideung leutik. Teu aya poto—teu aya poto gaya hirup, teu aya poto tim, teu aya gambar lingkungan. Objekna (dasbor) nyaéta protagonisna. Sadaya ikon hiasan mangrupikeun gaya garis luar 1px boh dina #0c0a09 atanapi #3ba6f1, teu pernah dieusi.
Palet
Merek
- Cyan Signal
#3ba6f1— Ajakan utama pikeun ngalakukeun tindakan, tautan aktif, sareng garis besar ikon merek mangrupikeun hiji-hijina aksen warna dina halaman éta, dianggo sacara hemat pikeun narik perhatian kana tindakan éta. - Cyan Edge
#3398e1— Biru dianggo pikeun nyorot garis besar tindakan, labél tautan, sareng unsur interaktif. Biru teu kedah dianggo salaku warna utama pikeun ajakan bertindak.
Nétral
- Ink Black
#0c0a09— Judul utama, eusi téks anu disorot, sareng ikon éksprésif diwarnaan ku warna anu haneut, ampir hideung. - Stone Canvas
#fafaf9— Latar tukang kaca warnana haneut jeung krem, karasana siga kertas lain bodas layar. - Pure White
#ffffff— Beungeut peta, panel anu nonjol, sareng eusian widang input rata sareng teu aya kalangkang sacara standar. - Stone Border
#e8e6e5— Wates ipis dina kartu, navigasi, sareng widang input mangrupikeun unsur struktural utama, sanés pambagi. - Stone Muted
#d6d3d1— Pigura tambahan, warna latar anu lemes, pamisah hiasan. - Ash Gray
#a8a29e— Téks pitulung, garis luar ikon, kaayaan ditumpurkeun - tiasa dibaca tapi teu aktip.
Tipografi
ti 10 dugi ka 52px · 5 léngkah
- Roobert — panggantian: Inter Tight or Satoshi · garis besar 400, 500 · Font pikeun judul sareng tata letak téks mangrupikeun sans-serif géométri anu unik kalayan jarak hurup négatif minimal (-0.025em dina 32px, -0.021em dina 52px). Beurat 400 x 52px mangrupikeun ciri khas font: teu konvensional, halus, tapi otoritatif, tapi sederhana. Judul ngeusian tempatna tanpa kaleuleuwihi.
- Inter — panggantian: Inter · garis besar 400, 500, 600 · Font utama pikeun téks awak, navigasi, UI, sareng judul nyaéta font nétral sareng universal pikeun sadaya téks di luar layar. 14px kalayan beurat 400 sareng jarak baris 1,64 mangrupikeun ukuran anu dominan pikeun téks awak (frékuénsi 1174). Jarak hurup positif (0,004em) dina ukuran alit mastikeun UI anu padet kabaca.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | lega |
| Léngkah dasar | 8px |
| Radius tombol | 9999px |
| Radius kartu | 10px |
| Kalangkang | kalangkang lemes |
| Antara bagian | 96px |
| Lebar kaca | 1200px |
AI bakal ngawangun situs wéb anjeun dina gaya Seline Analytics sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Mollie — Meja kasmir, buku besar poék. Tinggalkeun rohangan bodas anu lega pikeun desain éditorial di sabudeureun téks hideung, teras kuatkeun poin anu aya hubunganana sareng produk ku krim haneut, coklat espresso, sareng poto taktil tina metode pamayaran anu saleresna.
- Kagi — Rohangan maca anu misah. Jieun rohangan bodas anu kabuka di sabudeureun téks grafit anu kandel, nganggo aksen wungu anu lemes sareng permukaan pastel anu haneut pikeun ngarobih katengtreman.
- Milanote — Milanote nyaéta studio kréatif anu khusus. Jieun halaman gaya galeri éditorial nganggo papan visual anu ngambang: témbok pigura poék, rohangan tampilan bodas, sareng cuplikan layar anu katingalina sapertos objék nyata kalayan jerona anu lemes.
- Co2 — Atlas iklim dina cahaya usum tiris. Jieun kaca kawas lanskap dokumén udara, dimana judul serif, data kode kategori, sareng gambar és nyorot margin bodas anu lega.
- GitButler — Warna biru toska di ahir téks. Kombinasi judul serif kontras tinggi kalayan kisi-kisi téknis anu halus, permukaan grafit anu haneut, sareng aksen biru toska anu teu katingali.
- ElevenLabs — Esai poto dina warna krim haneut kalayan judul anu lemes. Buku catetan gaya Bauhaus—kertas warna cangkang endog, tinta hideung, sareng hiji aksen wungu sareng oranyeu pikeun tampilan produk.
- Awesomic — Jaring séng éditorial kalayan tanda baca oranyeu anu ngingetkeun kana konféti
- Monad — jurnal téknis éditorial ngeunaan perkamen haneut
- Dub — Panel kontrol kertas béas matte Link
- Notion — Buku catetan kertas anu haneut dina panonpoé tengah poé
- Anthropic — Jurnal lapangan ilmiah ngeunaan vellum haneut—permukaan gading anu tenang, judul éditorial serif, sareng aksen liat tunggal anu ngan ukur muncul nalika aya tindakan anu diperyogikeun.
- Calendly — Tinta biru poék dina marmer tiis