Deep-Package-Inspection/docs/log/2026-07-22-2012-n.md

Iteration Log: 2026-07-22-2012-n (Visual Parity Task)

Apa yang diminta

• Trigger: ad-hoc / /goal
• Tujuan: menyamakan tampilan localhost dengan demoplace.my.id (font, warna, design, card, transparansi)
• Constraint: jangan ubah fitur/fungsi

Perbedaan yang ditemukan (20 item)

Font Issues (KRITIS)

1. globals.css baris 245: body font = Times New Roman -> FIXED: var(--font-sans)
2. globals.css baris 412: duplikat body font -> FIXED: dihapus
3. Sidebar.tsx baris 76: font-serif class -> FIXED: dihapus
4. Sidebar.tsx baris 77: inline style Times New Roman -> FIXED: dihapus
5. SidebarSiteSelector.tsx baris 50: font-serif + inline style -> FIXED: dihapus
6. SidebarTimeSelector.tsx baris 37: font-serif + inline style -> FIXED: dihapus

CSS Duplikasi (MEDIUM)

7. globals.css: :root didefinisikan dua kali (baris 84-127 dan 251-294) -> FIXED
8. globals.css: .light didefinisikan dua kali (baris 129-242 dan 296-409) -> FIXED

Font Inter tidak tersambung (MEDIUM)

9. layout.tsx: inter hanya objek biasa, bukan font loader -> FIXED
10. layout.tsx: --font-inter tidak pernah di-set -> FIXED
11. globals.css: --font-sans tidak mengacu ke --font-inter -> FIXED

Warna Palette (Radix vs Tailwind) (MEDIUM)

12. red-500: #ef4444 vs #fb2c36 -> FIXED
13. blue-500: #3b82f6 vs #3080ff -> FIXED
14. green-500: #22c55e vs #00c758 -> FIXED
15. emerald-500: #10b981 vs #00bb7f -> FIXED
16. orange-500: #f97316 vs #fe6e00 -> FIXED
17. purple-500: #a855f7 vs #ac4bff -> FIXED
18. amber-500: #f59e0b vs #f99c00 -> FIXED
19. cyan-500: #06b6d4 vs #00b7d7 -> FIXED
20. yellow-300: #fde047 vs #ffe02a -> FIXED

Files yang diubah

• src/app/globals.css (tulis ulang, hapus duplikat, ganti font, tambah Radix palette)
• src/app/layout.tsx (Inter localFont dengan --font-inter)
• src/components/layout/Sidebar.tsx (hapus font-serif)
• src/components/layout/SidebarSiteSelector.tsx (hapus font-serif)
• src/components/layout/SidebarTimeSelector.tsx (hapus font-serif)
• public/fonts/Inter-Variable.woff2 (baru, diunduh dari Google Fonts CDN)

Outcome

Semua 20 perbedaan sudah FIXED. Fitur/fungsi tidak ada yang diubah.