Massive UI Updates: Consistency, Clean Layouts, and Better UX

At FamGateway, our goal is to provide the best possible developer experience. A powerful backend is only half the battle; the interface you interact with every day needs to be flawless, fast, and intuitive. Based on direct feedback from our community, we've deployed several updates to polish the dashboard.

1. Smarter Onboarding & Setup Guide

We noticed that developers sometimes missed critical setup steps. To fix this, we've revamped the Quick Setup Guide on the Dashboard:

• Dynamic CTA Buttons: The "Configure IMAP" button now intelligently switches to a green Connected state once your Gmail App Password is successfully linked. No more confusion on whether you're ready to go!
• Expanded Checklist: We've filled out the Next Steps checklist with important milestones like Setup Webhooks and Explore API Documentation, providing a better, balanced visual layout alongside the video tutorial.

2. Context-Aware Feature Access

Why show webhook settings if you can't use them yet? We've updated our logic across the platform to be context-aware.

Now, if you haven't connected your Gmail App Password, pages like Webhooks will automatically blur out their configuration forms and log tables, showing an "Action Required" callout instead. This prevents developers from wasting time configuring endpoints before the core integration is complete.

3. Pixel-Perfect Table Alignments

We are obsessed with clean design. Our data tables inside cards (like Recent Transactions and Webhook Logs) felt slightly cramped against the edges.

We've injected custom padding to the first and last columns of all our tx-table grids. Now, the table data aligns perfectly with the card headers above them, giving the dashboard a premium, spacious feel.

4. Global Consistency & Typography

A scattered UI breaks immersion. We went through every single page to ensure a unified design language:

• Standardized Headers: The Transactions page previously had a centered "Overview" title. It has now been replaced with our standard, left-aligned Page Title component complete with a descriptive subtitle.
• Icon Alignments: We fixed vertical alignment issues across all card titles (like in Profile and Webhooks) ensuring the Lucide icons and text sit perfectly centered with each other using a standardized flexbox gap.
• Cleaner Links: We removed unnecessary arrow icons (>) from the "Details" links in the transaction tables for a sharper, minimalist look.

5. Direct WhatsApp Support

Need help fast? We've added a dedicated WhatsApp Support button directly in your sidebar navigation. One click, and you're instantly connected to our team for quick resolutions.

Back to Homepage →