Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
January 29, 2026

Unkey API Settings Structure

Clean Settings Page That Just Works

This is Unkey's API Settings page and it's a great example of how to make a dense config screen feel totally manageable. The left sidebar keeps navigation tight with a clear hierarchy under the SaaSFrame workspace. Everything reads top to bottom in logical groups. Name, IDs, bytes, prefix, then the danger zone stuff at the bottom. Smart ordering.

Restraint Is the Move Here

The palette is almost entirely white, gray, and black. No unnecessary color until you hit that orange "Upgrade to Enterprise" button and the red "Delete API" at the bottom. Those pops of color do real work, drawing attention exactly where it matters. The status badges like "LOCKED" and "DISABLED" use subtle yellow and gray chips that inform without screaming.

Typography and Spacing Do the Heavy Lifting

Each setting block pairs a bold label with a lighter description underneath. Generous vertical spacing between sections prevents the page from feeling cramped despite packing in a lot of controls. The copy-to-clipboard icons on the ID fields are a thoughtful touch. Nothing fancy here, just solid, functional design that respects the user's time.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now