← all wireframes

02 · Dashboard — fresh user

Just signed up. $20 credit granted. No key yet. Big green banner. Paste-key tab is primary action.

aiusage.ai/dashboard.html?welcome=1
Dashboard / Welcome
🎁 $20 FREE P

Step 1 — Paste your Claude API key DO FIRST

Encrypted at rest (AES-256-GCM, per-user). Never logged. Delete anytime. Takes 10 seconds.

🔒

Don't have one? 60-second walkthrough →

Step 2 — Connect your terminal Locked

Unlocks after key is saved. Paste one line into your terminal → every Claude call routes through us.

Step 3 — Add credits Later

Your $20 free will last for your first real workload. When it runs low, we'll let you know.

What's going to happen

StepTimeCost
Paste Claude key~10 secFREE
Run one-line terminal installer~15 secFREE
Your first claude "..." callinstant$0 (on us)
Credits run low (~50–200 calls in)daysadd card to continue
GREEN EVERYWHERE

Side credit card, top pill, banner, and savings tone all green. This is the "you got something free" feeling.

ONE CLEAR PRIMARY ACTION

Step 1 is highlighted with a blue border + accent-soft background. Steps 2 + 3 are visibly dimmed/locked. Zero decision paralysis.

TRUST + PREDICTABILITY

"What's going to happen" table pre-answers "what's the catch?" — user sees the whole journey before they invest effort.