Tegy product evidence · corrected 24 July 2026

Claude’s interaction discipline. Tegy’s palette.

The first revision copied Claude’s literal gray, blue, and system typography. That was the wrong interpretation. This revision keeps the useful interaction hierarchy while expressing every state in Tegy’s warm product language.

Production deployed Tegy semantic tokens 9 focused tests PR #1365 Main 30a6600

The corrected direction

Borrow the hierarchy, not the paint.

Claude is the interaction reference: quiet rest states, focused hover feedback, and unmistakable selection. Tegy supplies the colors, typography, radius, and overall product character.

01

Warm neutral surface

The questionnaire sits on Tegy’s muted brown surface, not a transplanted Claude gray.

02

Quiet choices

Inactive text uses Tegy’s muted beige; the current row receives a slightly warmer accent surface.

03

Orange means selected

Tegy brand orange now owns radio, checkbox, and submit emphasis. Claude blue is gone.

✓

Production proof: the real questionnaire below was generated by a live Codex turn at app.tegy.io after deployment. No assistant content was fabricated.

Live production

Rest and selection now belong to Tegy.

These are authenticated 1280×720 captures from the deployed app, using the team’s browser profile.

Production Tegy questionnaire at rest in the warm Tegy palette
Production · rest

Warm, restrained, readable

Muted beige copy and a dark brown decision surface keep the questionnaire distinct without introducing a foreign palette.

Production Tegy questionnaire with Pricing selected in orange
Production · selected

Selection uses Tegy orange

The selected row gains an orange border and radio signal while the other options stay deliberately quiet.

Semantic palette

One Tegy role for every state.

These are Tegy tokens already used across the product. The questionnaire aliases them by purpose, so future palette changes remain consistent.

Questionnaire surface muted · #211c18
Hover / active row accent · #27211d
Controls / Skip card · #1b1714
Inactive / quiet text muted foreground · #ada59c
Selected brand · #ff6f2d
Selected check brand foreground · #15120f
State Interaction lesson Tegy expression
Rest Keep choices low-noise before the user interacts. Warm muted surface and muted beige copy.
Hover / current Guide attention with one subtle surface change. Tegy accent brown with full foreground text.
Selected Make commitment immediately visible. Brand orange with dark brand-foreground check.
Typography Separate the question from compact operational controls. Lora question title; Space Mono questionnaire UI.
Controls Keep Skip, keycaps, and custom-answer affordances secondary. Card and secondary tokens, with strong-border outlines.

Reference boundary

What Claude influenced—and what it did not.

The live Claude capture remains useful as interaction research. It is no longer presented as a palette specification for Tegy.

Live Claude questionnaire used to study state hierarchy
Claude · interaction reference

Useful hierarchy

Quiet rest, a narrow focus signal, compact progress, and clear selection are the transferable ideas.

Deterministic Tegy fixture showing an orange selected checkbox
Tegy fixture · selected

Our visual language

Warm surfaces, Space Mono controls, Lora title, and orange selection keep the questionnaire unmistakably Tegy.

Interaction recording

The states remain calm but distinct.

This deterministic authenticated fixture shows rest, hover, and orange multi-selection without mutating the DOM for the demo.

Authenticated Playwright fixture · 800×450 · VP8 · 6.68s SHA-256: 18d69bd0…0ebea

Verification

Shipped and checked at every boundary.

The revised regression first failed against the copied Claude gray, then passed only after the questionnaire resolved to Tegy’s semantic palette.

Build passed Questionnaire 8 / 8 Agent event 1 / 1 Deploy auth gate 9 / 9 Auth smoke passed Live questionnaire rendered

Production identity

  • Feature merge: 30a6600
  • Worker: da81e8d8-1adc-40a8-8caf-d4ee33542a7b
  • CSS: index-BaNVdbCX.css
  • JS: index-B35npOe-.js
  • Production chat: 94a69de9…1a0f

Evidence provenance

  • Production images: authenticated app.tegy.io session.
  • Question content: returned by the live Codex runtime.
  • Interaction video: isolated authenticated fixture.
  • Claude image: external interaction reference only.

Known unrelated lint finding

Repository-wide lint still reports the pre-existing react-hooks/set-state-in-effect error at src/App.tsx:9915 and its related warning at line 9907. This questionnaire change does not touch that effect.