◎
Design tokens
Warna, radius, shadow, container, dan tipografi disimpan sebagai variabel CSS agar mudah diganti global.
Base theme · app.lensainsight.com
Desain modular untuk produk digital yang cepat, elegan, dan siap dikembangkan.
Base ini dirancang sebagai fondasi tema: token warna, tipografi fluid, grid 8pt, komponen reusable, dan struktur landing page yang siap dipakai untuk web app, portal, atau dashboard LensInsight.
8pt grid
WCAG-minded
SEO/GEO-ready
Fondasi
Yang harus jadi default tema.
Base ini sengaja tidak ramai. Tujuannya agar gampang dikembangkan menjadi banyak jenis halaman tanpa kehilangan konsistensi brand.
▦
Section modular
Hero, feature grid, split content, checklist, CTA band, dan footer dapat dijadikan pattern WordPress.
⚡
Performa ringan
Tanpa library eksternal, tanpa gambar berat, layout stabil, dan siap diadaptasi ke tema NuzanthraPress.
Sistem
Arah visual: premium sage, clean, dan product-ready.
Cocok untuk subdomain app.lensainsight.com: terasa seperti aplikasi resmi, bukan sekadar blog.
- ✓Header 72–76px desktop / 64px mobile
Sticky, blur halus, CTA jelas, navigasi maksimal 4–5 item. - ✓Container 1240px, content 760px
Nyaman untuk landing page dan artikel panjang. - ✓CTA kontras terracotta
Sage sebagai brand utama; copper/terracotta untuk aksi. - ✓Komponen siap dark mode
Token semantic sudah dipisah dari warna primitif.
Pattern utama
Struktur halaman base: Hero → Trust → Problem → Solution → Features → FAQ → Final CTA.
Gunakan struktur ini sebagai template awal. Satu halaman sebaiknya punya satu tujuan utama: daftar, konsultasi, demo, atau baca dokumentasi.
Roadmap
Langkah lanjut pengembangan tema.
1. Pasang token
Masukkan lensinsight-base.css sebagai layer override setelah CSS tema utama.
2. Buat pattern
Konversi hero, cards, checklist, CTA band, dan FAQ menjadi block pattern WordPress.
3. Uji produksi
Cek mobile, PageSpeed, kontras warna, CLS image, schema FAQ, dan sitemap sebelum upload final.