Skip to content

Restyle landing homepage: pill CTAs, convergence diagram, corner-accent cards - #64

Merged
5uper0 merged 3 commits into
mainfrom
flip/landing-restyle-20260822
Aug 22, 2026
Merged

Restyle landing homepage: pill CTAs, convergence diagram, corner-accent cards#64
5uper0 merged 3 commits into
mainfrom
flip/landing-restyle-20260822

Conversation

@5uper0

@5uper0 5uper0 commented Aug 22, 2026

Copy link
Copy Markdown
Owner

Summary

  • Homepage restyle: pill-shaped CTAs and verdict badges, corner-accent property cards, a hero SVG showing five delegates' verdicts converging through a red-line gate into one verified line, receipt-style verdict list.
  • Fixes two live bugs: Footer's mailto pointed at a personal address instead of hello@parleyprotocol.com; 404's CTA used a rounded-rect instead of matching the site's pill buttons.
  • Fixes a real (not-yet-triggered) bug: an un-layered border-radius on a:focus-visible would have beaten any Tailwind rounded-full pill on focus, due to Tailwind v4's cascade-layer rules.
  • Matches the demo page's buttons/spacing to the same visual language (pill buttons, 4px spacing rhythm, tap-highlight fix extended to a pills).

Test plan

  • pytest -q - 107 passed
  • npm run build - clean, 3 pages, zero warnings
  • scripts/flip-audit.sh - no private files, clean-clone quickstart, tests+example, links all resolve
  • Visual QA: real Astro dev-server render at 390/768/1280px, dark+light, homepage/404/privacy - no defects found
  • Verdict copy ("ok"/"red-line") checked against parley/agent.py:18,36 - matches real source, no fabricated claims

Co-Authored-By: Claude Sonnet 5 noreply@anthropic.com
https://claude.ai/code/session_016hYVVizgvJ4wZBug9XTjVG

5uper0 and others added 3 commits August 22, 2026 14:28
…ities

Tailwind v4 wraps its own utilities in @layer; plain (un-layered) CSS
always wins over layered CSS regardless of specificity. a:focus-visible's
border-radius:2px would have overridden any rounded-full button on focus
before it ever got a chance to render as a pill.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016hYVVizgvJ4wZBug9XTjVG
(cherry picked from commit dd2d3cbc68169d6a026a7f772134d6683638230d)
Ports the pixel-polished redesign into the real Astro/Tailwind page: pill-
shaped CTAs and verdict badges, corner-accent property cards (full-length
colored left+bottom border per property), a hero SVG showing five owner
delegates' verdicts converging through a red-line gate into one verified
line, and a receipt-style verdict list with the masked-reason row.

Also fixes two live bugs the redesign pass surfaced: Footer's mailto
pointed at a personal address instead of hello@parleyprotocol.com, and
404's CTA used a rounded-rect instead of matching the site's pill buttons.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016hYVVizgvJ4wZBug9XTjVG
(cherry picked from commit 940f81113fa423622e206b5a359ea9313b3a05a7)
Applies the same visual-language pass as the landing homepage restyle:
run/verify/CTA buttons to full pills, verdict chip padding widened to
match, several 4px-scale spacing outliers straightened, and tap-highlight
reset extended to <a>-based pills (previously button-only).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016hYVVizgvJ4wZBug9XTjVG
(cherry picked from commit 45fc73f8fd92b2ee8937a4d64c135d22a55b9562)
@5uper0
5uper0 merged commit 08ccd90 into main Aug 22, 2026
6 checks passed
@5uper0
5uper0 deleted the flip/landing-restyle-20260822 branch August 22, 2026 12:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant