Added custom icons for AI writing and tag suggestion features. Distinctive visual language for AI-powered functionality.
Tag: ui-ux
15 jots
Redesigned billing page for free tier users. PRO upgrade card prominently displayed with clear feature comparison. Better conversion funnel.
Added Jottings brand favicon across all platforms. Consistent branding in browser tabs for dashboard, landing page, and iOS app.
Comprehensive UI/UX improvements for iOS Account and Sites views. Better layouts, clearer information hierarchy, and refined interactions.
Replaced generic Plus icons with custom 'J+' brand icon for jot creation. Distinctive branding across web and iOS platforms.
Standardized button system across the dashboard. Consistent sizing, colors, and states. No more one-off button styles cluttering the CSS.
Comprehensive design system documentation. Color tokens, typography, spacing, component patterns. A reference for maintaining visual consistency.
Added PRO badges throughout the dashboard. Sites and users with active subscriptions display a badge. Clear visual differentiation between tiers.
Implemented GitHub-style OKLCH surface tinting system. Theme colors now subtly tint backgrounds and surfaces for a cohesive, modern look that respects light/dark mode.
Complete redesign of the site settings page. Continuous scroll instead of tabs, color palette picker, and better organization of all configuration options.
Sites can now have a theme color that tints the dashboard UI. Colors are auto-assigned based on site ID hash for consistency, or users can pick from a palette.
Redesigned the dashboard to be site-focused. Users land on their sites list and drill down into individual site management. Clearer information architecture.
Added dark/light theme switcher in the footer. Users can now toggle between themes, with preference persisted in local storage.
Complete UI overhaul matching the micromusings design system. Clean cards, proper spacing, and a focused reading experience across all dashboard pages.
Dashboard UI revamp adopting the micromusings design system. Minimal aesthetic with a 600px content container, system fonts, and a clean typographic hierarchy.