Why screen mockups drift apart screen to screen

What makes this hard

You provided brand colors and fonts, asked for three screens, and got three that disagree. Color, font, and corner radius held — but spacing and type-size steps were re-decided per screen. When screens of one brand drift, this blank is usually why.

The other easy omission is the screen's remaining states. Ask for one happy-path screen and loading, empty, and error vanish from the design — the three screens users actually meet most often in a real product.

What to add to the request

1. Fix the token table on the first screen

Settle the spacing unit and type scale as values on the first screen, in a table, and have later screens cite only the table's names. If you don't know the values, take a widely used default (an 8-pt spacing grid, etc.). But values only you know — real brand hex codes, the logo — are never 'recommended'; that's not recommendation, it's invention.

2. Make the three states required items

• Loading — what holds its place, what waits
• Empty — with no data, what is shown and what is the user invited to do
• Error — what went wrong and what the user does next

3. Make accessibility a requirement

Require keyboard-only operability and screen-reader labels as items. For public or education-facing services, name the applicable standard — WCAG, or ADA where it applies — and have applicability confirmed rather than letting AI assert what the standard says.

Checklist for writing it yourself

1. 1Did you separate what the brand has fixed (color, font, radius) from what it hasn't
2. 2Did you require the spacing and type token table
3. 3Did you require loading, empty, and error per screen
4. 4Did you require keyboard operation and screen-reader labels
5. 5Did you choose a design language — or take a justified recommendation, with the brand winning any conflict