Memuat ALUSNA…

ALUSNA — Bagusnya dimulai di sini.

Tentang ALUSNA

Pelajari tujuan ALUSNA sebagai toolkit warna, tipografi, design system, dan brand kit yang berjalan di browser.

Terakhir diperbarui: 15 September 2026

Apa itu ALUSNA?

ALUSNA adalah toolkit desain berbasis browser untuk eksplorasi warna, tipografi, design token, dan brand kit. Seluruh fitur inti tersedia tanpa akun, tanpa biaya, dan berjalan langsung di perangkat Anda.

Cara kerja

Perhitungan warna, pembuatan token, dan ekstraksi palet dari gambar dijalankan sepenuhnya di browser Anda — termasuk pemrosesan gambar di Web Worker agar antarmuka tetap responsif. Pilihan yang perlu bertahan disimpan di penyimpanan lokal perangkat (IndexedDB), bukan di server kami.

Komitmen privasi

Data desain Anda tidak pernah dikirim ke server ALUSNA. Situs ini tidak memakai akun pengguna, cookie pelacakan, atau jaringan iklan pihak ketiga secara bawaan. Rinciannya dijelaskan pada Kebijakan Privasi.

Model pendanaan

Fitur inti gratis. Operasional situs dapat didukung oleh slot sponsor berlabel, tautan afiliasi, atau tombol dukungan sukarela. Pendanaan tidak pernah memengaruhi hasil alat, dan setiap penempatan komersial diungkapkan secara terbuka pada Kebijakan Iklan dan Afiliasi.

Catatan perubahan

v1.2.0 — Rilis workspace desain v1.2

6 September 2026

ALUSNA v1.2 menyatukan workspace desain yang lebih rapi dengan fondasi launch yang lebih aman dan mudah dirawat.

  • Riwayat Fase 0–8 tetap menjadi fondasi rilis ini: baseline dan arsitektur modular, safety net, identitas ALUSNA, migrasi feature, app shell/SEO, hardening, organic growth, serta redesign visual workspace.
  • Design System kini memiliki draft session yang dipulihkan otomatis, sanitasi input, dan validasi mode serta format export.
  • Homepage, Color, Typography, Design System, dan Brand Kit memakai visual system editorial yang konsisten di light/dark mode.
  • Tab Brand Kit dan panel editor menjadi responsif tanpa scroll horizontal pada mobile/tablet.
  • Brand Kit difokuskan pada identitas aktif; panel palet tersimpan yang redundan dihapus tanpa menghapus data saved colors.
  • Saran pasangan font kini mengikuti font aktif; klik pairing hanya mengubah preview pasangan tanpa mengganti pilihan utama.
  • Design System kini memiliki color picker dan input HEX untuk memilih warna dasar sendiri, dengan opsi memakai warna aktif dari workspace Color.
  • Component Kit MVP hadir dengan preview Button, Badge, Input, Select, Checkbox, Switch, dan Alert berbasis token serta CSS handoff yang bisa disalin.
  • Kategori Overlay menambahkan contoh Tabs, Dialog, dan Toast dengan interaksi lokal serta pola aksesibel untuk handoff.
  • Handoff Component Kit kini bisa disalin sebagai CSS, Tailwind, atau React dengan nilai token yang konsisten.
  • Slider radius Design System kini mengubah sudut preview Component Kit dan handoff CSS, Tailwind, serta React secara konsisten; radius 0 menghasilkan sudut siku, terpisah dari pilihan ukuran tombol.
  • Unit spacing kini mengatur padding, gap, dan jarak antar bagian Component Kit serta ikut tercermin pada snippet handoff.
  • Pesan aksi Brand Kit memiliki copy Indonesia dan English; export CSS, JSON, SCSS, Tailwind, dan React Native tetap browser-local.
  • Validasi Node.js 22 mencakup 162 unit test dan 35 skenario E2E (34 lulus, 1 opsional dilewati), production build, serta audit dependensi produksi tanpa temuan kerentanan.
  • Fondasi bilingual SEO, canonical, hreflang, sitemap, privacy, terms, dan advertising policy dari v1.0 tetap dipertahankan.