Brief Cloud practice page This page is broken on purpose. Record it with Brief Cloud, say what's wrong, and watch it become a ticket. ← Back to Brief Cloud
Acme
Help Your avatar

Account settings

Manage your Acme profile, security, and notification preferences.

Profile

This information appears on your public Acme profile.

We'll use this for account and security notifications.

acme.example.com/u/jordanr, visible to your team.

Plan

Your current subscription.

Current plan Acme Professional (annual) Manage billing

Notifications

Choose what you want to hear about.

Product updates

News about features and improvements.

Weekly digest

A summary of your team's activity every Monday.

Security alerts

Sign-ins from new devices and password changes.

Confirm changes

A quick check before we save.

🐞 Planted bugs (spoilers for the demo)
  1. Squished avatar: the top-right photo uses object-fit:fill, so it stretches.
  2. Unreadable help text: the grey hint lines fail colour-contrast (about 1.6:1).
  3. Mobile overflow: the two-column profile grid never collapses; on a phone the right column runs off-screen.
  4. Clipped plan pill: "Acme Professional (annual)" is cut off inside a fixed-width pill.
  5. Misaligned toggles: the notification switches sit lower than their labels.
  6. Dead checkbox: the "I understand…" box shows no checked state when you tick it.
  7. Overlapping buttons: on a phone the fixed-width "Save changes" button overflows and overlaps "Cancel".
  8. Broken save: clicking Save changes errors out (visible banner + console error + a failed PUT /api/account).