Profile, preferences, team, security and danger zones.
Settings is a screen shape, not a feature: a nav of sections, a form per section, and a save model that is either per-field autosave or an explicit bar — never both on the same page. These pick one and stay consistent, and the destructive section is separated and type-to-confirm, which is the one place friction is the feature.
One row per browser that holds a valid session. Locations are estimated from the IP address and are frequently wrong on mobile networks and VPNs — treat an unfamiliar city as worth checking, not as proof.
The screen people go looking for after losing a laptop. Sign out everywhere states what it does not reach — API keys keep working — locations are written as estimates, and this device is labelled rather than revocable by misclick.
Entries are kept for 365 days on your plan and then deleted. Export before that if you need them for longer — nothing here can be recovered afterwards.
A compliance-grade trail with named actors, before and after values, IP addresses, and a stated retention window — plus a count of what the active filter is hiding.
Plan, quota meters and invoice history, with the upgrade prompt placed beside a bar that is nearly full rather than on the plan card.
Account & Billing5 blocks44 lines
Team & access
Seats, invitations, scopes, sharing, live sessions — and the trail that says what each of them was used for.
Seats
£12.00 per seat per month · renews 14 September
9 of 12 seats are in use
2 extra seats for the 18 days left in this period
£14.40
From 14 September, every month
£168.00
The part-period charge is £12.00 × 2 × 18/30 days. It goes on the card ending 4242 today.
Step 3 of 4
Bring your team in
Paste as many addresses as you like — commas, spaces or one per line all work.
priya@northwind.com
1 person will be invited to Northwind.
Can build and ship. The right default.
https://app.example.com/join/northwind-8f31c2
Invites expire after 14 days and can be revoked from Settings.
Give Retention agent access
It needs to see who is at risk, and — if you let it — act on that.
Can see
Can change
Off by default. These act without asking again.
Revocable at any time from Settings → Agents
Share “Q4 pricing model”
PRPriya Ramanpriya@northwind.comOwner
TOTom Okafortom@northwind.com
IDInes Duarteines@contractor.io
General access
Only the people listed below can open it. Anyone else following the link is asked to request access.
Where you are signed in
One row per browser that holds a valid session. Locations are estimated from the IP address and are frequently wrong on mobile networks and VPNs — treat an unfamiliar city as worth checking, not as proof.
MacBook ProThis device
Chrome 141 · macOS 16
near Lisbon, Portugal·Active now
Use Sign out in the menu
iPhone 15
Safari · iOS 19
near Lisbon, Portugal·20 minutes ago
Windows PC
Edge 140 · Windows 11
near Frankfurt, Germany·2 days ago
First sign-in from this country
iPad Air
Safari · iPadOS 19
near Lisbon, Portugal·3 weeks ago
Audit log
5 entries
Security
Changed log retention
— Workspace settings
90 days365 days
Rhea Patelrhea@acme.com · · IP 203.0.113.42
Access
Removed member
— jordan@acme.com
Sam Okaforsam@acme.com · · IP 198.51.100.9
Security
Rotated API key
— prod-ingest-key
Rhea Patelrhea@acme.com · · IP 203.0.113.42
Billing
Changed plan
— Acme Corp
Team, 24 seatsStudio, 40 seats
Billing systemsystem · · IP —
Data
Exported dataset
— customers.csv (18,402 rows)
Jordan Leejordan@acme.com · · IP 192.0.2.77
Entries are kept for 365 days on your plan and then deleted. Export before that if you need them for longer — nothing here can be recovered afterwards.
The admin screen a security questionnaire is really asking about — seats with the bill shown first, invitations, scopes split from bundles, sharing stated as its consequence, live sessions, and the audit trail underneath.
Account & Billing6 blocks61 lines
Settings
Manage your account, your workspace and how you sign in.
Members
4 of 10 seats used
AL
Ada Lovelace
ada@acme.com
MS
Marco Silva
marco@acme.com
PR
Priya Raman
priya@acme.com
alex@contractor.devInvite pending
API keys
Keys carry full account access. Treat them like passwords.
Production server
sk_live_••••••••••••4f2a
Created 12 Mar 2026
Last used 2 hours ago
CI pipeline
sk_live_••••••••••••9c1e
Created 3 Jun 2026
Last used Yesterday
Local development
sk_test_••••••••••••b7d0
Created 28 Jul 2026
Never used
Danger zone
These actions affect everyone in the workspace.
Transfer ownership
Hand this workspace to another member. You keep admin access, but billing and deletion move to them.
Archive workspace
Make everything read-only and stop billing at the end of the period. You can un-archive at any time.
Delete workspace
Permanently removes all projects, members and history. This cannot be undone and support cannot recover it.
Profile, team, API keys and danger zone in one screen — with the destructive panel last, well away from the everyday controls.
Account & Billing5 blocks39 lines
Usage
This billing period, with what happens at each limit rather than only how close you are to it.
You are past your included Bandwidth
Everything is still running. You are being billed for the overage, and this is what it looks like so far.
128 of 100 GB128%
Over your allowance
28 GB
Overage rate
$0.09 per 1
Charged so far
$2.52
At this rate, by day 30
$7.47183 GB
Projected from 6 GB a day over 21 days so far. It is a straight line, not a forecast — a quiet week moves it.
Upgrading is usually cheaper than paying overage at this volume. Capping stops the charges and starts returning 429s — some teams genuinely prefer that, and it is a real option rather than a threat.
Usage this period
Resets 1 September
You are over the limit on at least one quota. Overage is billed at the end of the period.
API requests842,000 / 1,000,000
84% of your limit used
Team seats8 / 10
80% of your limit used
Storage47 GB / 50 GB
94% of your limit used
Bandwidth128 GB / 100 GB
28 GB over your limit
Projects23/of unlimited
No limit on this plan
Credit balance
2,110credits available
320 credits from monthly allowance expire in 1 days; 150 credits from launch bonus expire in 3 days. They are spent last, so use them before buying more.
1Monthly allowance
320 / 500
Included with Pro+. Resets on the 1st and does not roll over. Expires .
2Credit pack — 2,000
1,640 / 2,000
Purchased 12 August 2026. Never expires.
3Launch bonus
150 / 250
Granted with your first purchase. Expires .
Credits are spent from the top of this list down, so the allowance included with your plan is used before anything you paid for.
What runs out, and what happens then
Pricing tables list what a plan includes. They rarely say what happens at the limit, which is the thing that decides whether a limit is survivable.
Consumption in the order the questions arrive: the overage warning first because it is time-critical, then the meters, then what actually happens at each limit.
Account & Billing4 blocks66 lines
Invoices
Every charge, downloadable as a PDF. Nothing here needs an account on the product itself.
Invoice history
Every charge on this account. PDFs are available for seven years.
Notifications from the receiving end: the inbox you arrived from, per-event and per-channel control, and the push prompt asked after the decision rather than on arrival.
Account & Billing5 blocks59 lines
Questions about settings screens
Autosave or a save button?
Autosave for toggles, an explicit save for anything typed. A text field that saves as you type will save half a word to somebody's profile, and a toggle with a save button feels broken.
How much confirmation does a destructive action need?
Type the resource name for anything unrecoverable, a plain confirm for anything reversible. And say what happens to the data — "deleted immediately" and "kept for 30 days" are different promises.
Are these settings screens free to use?
All 15 are free to copy and use in your own projects, including commercial ones. A Pro licence exists for redistribution — shipping them inside a product other people buy — and the full terms are on the licence page.
How do I add one to my project?
Install it with the CLI: `npx hoverlab add settings-profile-form` writes the component and its dependencies into your project. Every artifact here also has a copy button for the raw source, and an "Open in sandbox" link if you would rather try it first.
Why does this page mix components and whole pages?
Because the phrase does. The same search covers 8 section blocks and 7 composed pages — one of them is the right size for what you are building, and which one depends on how much of the screen you still have to write.