Files
Potiential-Automation/.impeccable/surfaces/src-ui-login-html.md
T
VasanthandClaude Opus 5.5 0317358dcf Polish owl login after design review; add DESIGN.md
Fixes from the finish review of the natural owl:
- thinner glasses frames, closer to the user's reference owl
- smile-eyes on success instead of flat half-lids
- the page no longer shifts when an error appears; the card grows down
- invalid field keeps a red outline while focused
- stars stay clear of the title, owl and card
- softer ear tufts, warm glow under the owl, larger owl on desktop

DESIGN.md and .impeccable/design.json record the shipped system.
The surface brief records the seed reference.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-22 12:04:16 +05:30

25 lines
1.9 KiB
Markdown

---
version: 1
slug: "src-ui-login-html"
primary_target: "src/ui/login.html"
related_targets: []
---
## Scope
Operate. G2 sign-in page for the ops team, first build only: owl, password field, show/hide, sign in, test password, placeholder "run screen coming soon" after sign-in. Real password storage, lockout, per-person usernames and the run screen are undecided and out of scope.
## Direction contract
THESIS: A sign-in the owl watches. Refuses the faceless centered form with a logo above it: the owl sits on the card and reacts to what you type.
OWN-WORLD: The user's pinned world, rendered natural, not game-like (user, 22 Oct: no pixel look). Deep navy night ground (#040b26) with small soft round stars (blue, teal, orange, white). A smooth, softly shaded orange owl like the user's reference: dome head with ear tufts, egg body, wide cream face disc, big brown eyes behind round black glasses, peach belly, darker wings, small feet. Dark outlined pill controls, like the user's HOOT button, for both the field and the button. Product name and all text in the platform UI face; standard stroke eye icon.
STORY: The ops user sees the owl, types the G2 password, and the owl's eyes follow the typing. A wrong password makes the owl shake its head no and the text says what to do. The right one makes it hop and lets them in.
FIRST VIEWPORT: Centered column. Product name "Charge Billed Automation", then the card with the owl perched on its top edge (feet on the border), password field with show/hide, full-width pill Sign in. The night sky fills the viewport.
FORM: The user's pinned owl world (their screenshot, then "be natural", not game-like) governs; the roll was run for the record and does not override it. seed:60012e4e290e73f6
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, DESIGN.md, and every shipping raster carrying its provenance