Skip to content

redesign: project page — sober, black, monochrome (Vercel-style) - #9

Merged
lgalabru merged 3 commits into
mainfrom
design/vercel-style-project-page
Aug 1, 2026
Merged

redesign: project page — sober, black, monochrome (Vercel-style)#9
lgalabru merged 3 commits into
mainfrom
design/vercel-style-project-page

Conversation

@lgalabru

@lgalabru lgalabru commented Aug 1, 2026

Copy link
Copy Markdown
Member

Summary

  • Replaces the cyan/violet/magenta gradient bolt treatment with a monochrome, Vercel-style black page — no colored glows, no gradient text.
  • Hero is now centered: logo + wordmark stacked at top, badge/title/tagline/CTAs centered below. Milestones and project meta stay left-aligned as normal content below the fold.
  • Logo is desaturated via CSS (grayscale(1) contrast(1.05)) so the bolt reads as a soft white/gray mark that blends into the black background instead of popping as a colorful sticker — the source PNG asset is untouched.
  • CTAs: primary is solid white/black (was gradient), ghost is a plain 1px border. Live badge dot is a plain white pulse (was cyan box-shadow).
  • No JS changes — app.js and the /api/v1/projects/{id} schema are untouched, only index.html (restructured header markup) and style.css (full monochrome pass).

Test plan

  • Served web/ locally with a mocked /api/v1/projects/{id} response (WORKROOM_ACTIVE state) and screenshotted with Playwright/Chromium to confirm the visual result.
  • just ci (no Rust touched, static assets only)

Drop the cyan/violet/magenta gradient, colored glows, and left-aligned
masthead. Centered hero (logo + wordmark), grayscale the logo so it blends
into the black background instead of popping as a colorful sticker,
monochrome badge/CTA/milestone treatment. No JS changes — same project
schema, same classnames.
Ludovic: keep the source logo colors, remove the drop-shadow/glow behind it.
The embedded-assets test asserted style.css contains `--grad`, a token
the monochrome redesign removed. Assert on `:root` instead: it still
proves the real stylesheet is embedded and served, without coupling the
test to any particular palette.
@lgalabru
lgalabru merged commit 78e2f6c into main Aug 1, 2026
1 check passed
@lgalabru
lgalabru deleted the design/vercel-style-project-page branch August 2, 2026 00:47
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