Changelog

Halaman baru Gradient Studio (/gradient) — 4 mode: Linear, Radial, Conic, Freeform (mesh).

Linear/Conic: angle dial 0-360°, drag atau ketik nilai.

Radial: position X/Y + circle/ellipse.

Freeform: drag color points langsung di canvas, double-click untuk tambah.

Multi-color stops (2-8), add/remove/swap (jika 2 warna) & reverse.

12 warp shape preset (Sharp/Soft Bezier, Mesh Static/Grid, Waves, Smooth Noise, Oval, Rows, Columns, Flat, Gravity).

Warp intensity + Warp Size + Noise sliders (SVG feTurbulence + feDisplacementMap).

Preset ukuran (1:1, 16:9, 9:16, 4:3, 3:4, 2:1) + custom W×H.

Export: Copy CSS, download .css, download PNG (native size).

Persistent state via localStorage.

Studio: ColorInput internal grid pindah ke xl breakpoint — tidak lagi tergencet di iPad Mini landscape 1024px dengan sidebar aktif.

Sidebar sekarang aktif di lg+ (1024px+). Tablet portrait (< 1024px) pakai drawer touch-friendly — sebelumnya sidebar ambil space terlalu banyak di 768px.

Palette Generator swap breakpoint md → lg: swatch stack vertikal di semua tablet portrait, horizontal cuma di desktop.

Palette Generator: swatch controls (lock/remove/set base) sekarang visible di touch device (`@media (hover: none)` override) — sebelumnya tersembunyi karena depend pada hover.

Palette Generator: teks & ikon di dalam swatch otomatis kontras — putih untuk background gelap, near-black untuk background terang. Ganti dari mix-blend-mode difference yang tak konsisten.

Hover icon di swatch pakai overlay warna sendiri, bukan bleed.

Color wheel di Harmony: size 280 di mobile (dari 320) supaya muat viewport 375px.

Saved palette row: stack vertikal di mobile, actions wrap ke bawah — tidak lagi overflow.

Palette Generator mobile: swatch stack vertikal (a la Coolors) — hex besar + action icons kelihatan langsung tanpa hover.

Method chips scrollable horizontal di mobile.

Toolbar Generate/Add/Undo/Redo/Export lebih compact — icon-only di mobile, label muncul di sm↑.

Drag-and-drop pakai rectSortingStrategy — support vertikal (mobile) + horizontal (desktop).

Mobile: dari bottom tab bar → hamburger + slide-in drawer 320px. Muat 8 tool tanpa scroll, grouping Design / Analysis / Personal.

Mobile top bar: hamburger + logo + active color chip (link ke studio).

Drawer footer: active color widget + theme toggle + link changelog — konsisten dengan desktop.

Backdrop tap + ESC untuk close drawer, body scroll locked ketika terbuka.

MobileNav (floating pill tab bar) — konten mobile jadi lebih lega.

Bottom nav mobile: floating pill dark dengan active item terangkat (raised) + accent orange, halus animasinya.

Label aktif floating di atas pill nav mobile.

Auto-scroll ke item aktif kalau navnya panjang.

Page transition animation (slide-up + fade) tiap pindah menu.

Main content mobile sekarang center dengan max-width wrapper — tidak lagi shift ke kiri.

Padding bawah cukup untuk mobile floating nav (pb-28).

Semua reference Piranusa dari UI (bukan project brand).

Koboyo hand-drawn illustrations di landing hero (sparkles, brush, rainbow, droplet) — memberi karakter tanpa mengganggu warna user.

Empty state di Saved & Collections pakai folder illustration.

Changelog page dapat rocket illustration di intro.

404 page dapat magnifying-glass illustration.

Landing page: logo brand ditampilkan besar, tombol what's new link ke /changelog.

Logo & favicon brand baru (color orb blue-magenta).

Halaman changelog — track apa saja yang berubah tiap versi.

Sidebar dibersihkan: logo di header, active color hanya di footer.

Accent color tetap #f57f20 (orange) — tidak lagi ikut base color agar selalu terlihat di light & dark.

Transisi tema halus: circular reveal (View Transitions API) + fallback CSS 480ms.

Sidebar sticky full-height, hanya main content yang scroll.

Pantone matcher: 120 curated PMS colors (Solid Coated / Fashion TPX / Metallic) dengan Delta E 2000 nearest match.

Sidebar base color inline picker + hex input + copy.

Color Names dikelompokkan 10 group (Red/Pink/Orange/Yellow/Green/Blue/Purple/Brown/White/Gray) dengan filter chip & sticky header.

Image Picker: toggle Add / Move mode — drag pin tidak lagi tambah pin baru.

Image Picker: koordinat pin sekarang tepat di pixel yang di-klik.

Color Studio: multi-format input HEX/RGB/HSL/HSV/OKLCH/CMYK real-time sync, info panel lengkap.

Color Harmony Explorer: 9 skema (mono/analog/comp/split/triad/tetra/square/compound/double-split) via wheel interaktif.

Palette Generator: spacebar generate, 12 metode kurasi, lock/edit/drag, undo/redo, export CSS/SCSS/JSON/Tailwind/SVG/PNG.

Image Color Picker: median-cut dominant color extraction (client-side).

Contrast Checker: WCAG 2.2 AA/AAA + CVD simulation + smart recommendations.

Color Library: 147 CSS named colors + curated palettes + nearest color finder + Tailwind-style scale.

Saved & Collections: IndexedDB local-first + share via URL.

Cloudflare Workers API + D1 + KV rate limiting deployed.

PWA installable, offline capable, dark mode.