Clean Settings Done Right

First thing you notice is how calm this page feels. The warm off-white background with minimal color keeps everything readable without any visual noise. Figma and Webflow sitting at the top with "Configure" buttons instantly tells you these are already connected. The rest show "Connect" in a lighter treatment. That distinction is subtle but effective.

Layout That Just Works

Left sidebar navigation is dead simple. No icons, no badges, just text links stacked vertically. "Connectors" gets a soft highlight to show where you are. The main content area breathes. Each integration row has generous spacing, a recognizable product icon, the service name, and action buttons pushed to the far right. Your eye flows naturally down the list.

Typography and Details Worth Stealing

The type is restrained. Looks like a serif for the "Settings" header paired with a clean sans-serif everywhere else. That combo gives it personality without trying too hard. The "Add custom connector" button at the bottom sits alone, clearly secondary but findable. Small thing that stands out: Figma's "Interactive" label underneath. It hints at deeper configuration options without cluttering the view.