Skip to content

Match the summary panels to their pages, add an Interspeech 2026 badge - #24

Merged
BeckettFrey merged 3 commits into
mainfrom
match-summary-panel-backgrounds
Aug 25, 2026
Merged

Match the summary panels to their pages, add an Interspeech 2026 badge#24
BeckettFrey merged 3 commits into
mainfrom
match-summary-panel-backgrounds

Conversation

@BeckettFrey

Copy link
Copy Markdown
Member

Summary

Three changes to the home, Features, and Foundations pages.

Summary panels match the tiles around them. The Mission panel on Features and the Research-Driven Approach panel on Foundations were the only tiles on their pages carrying a horizontal slate-800/80 → slate-700/80 gradient and a lighter slate-500 border. Against a page of flat bg-slate-800/50 tiles they read as a different material rather than a wider one. Both now take the same fill and border as every other tile, and keep rounded-2xl / p-10 so size and radius still mark them as the summary block on each page.

Interspeech 2026 Show & Tell badge in the hero. Sits where the two hero CTAs were, linking to interspeech2026.org. The logo is the conference's own pos_alt artwork (dark-on-transparent), so it sits on a white chip rather than being recoloured to suit the dark hero. Below sm the chip stands alone — the two lines of text do not fit beside it at that width, and the logo already carries the year.

CTAs moved to the closing section. "Get Started Today" and "View on GitHub" now live under "Ready to Try It?", replacing the Expected Workflow link. The hero says where to find us in person; the closing section is where the page asks for an action.

Verification

Rendered every changed page headlessly and sampled pixels: the summary panels' borders are now identical to the surrounding tiles (rgb(69,85,108)), and the fills match to within the couple of units the page's own to-br gradient contributes through the 50% alpha at different scroll depths. Checked the hero badge and closing CTA at both desktop and mobile widths.

typecheck, eslint, and format:check pass via the pre-commit hook.

Worth a look before merging

  • Dates. The logo artwork reads 27 September – 1 October; the conference site's own meta description says 28 September to 1 October. The badge text uses 27 Sep, matching the artwork — worth confirming against the acceptance email.
  • Show & Tell claim. The badge asserts a demo at the conference. Interspeech also publishes official "attending / exhibiting / speaking" endorsement badges if their sanctioned artwork is preferable to a custom claim.

The Mission panel on Features and the Research-Driven Approach panel on
Foundations were the only two tiles on their pages carrying a horizontal
slate-800/80 to slate-700/80 gradient and a lighter slate-500 border.
Against a page of flat bg-slate-800/50 tiles they read as a different
material rather than a wider one.

Both now take the same fill and border as every other tile. They keep
rounded-2xl and p-10, so size and radius still mark them as the summary
block on each page.
The source repo was reachable only from the footer, three columns deep.
Researchers evaluating VoxKit ask where the code lives well before they
scroll that far, so the link now sits beside the hero CTA.

Slate rather than cyan: reading the source is not the path someone
installing VoxKit takes, and the primary CTA beside it should stay the
one that draws the eye.
The badge takes the spot the two CTAs held, and those move down to the
closing section, replacing the Expected Workflow link. The hero now says
where to find us in person; "Ready to Try It?" is where the page asks for
an action, which is what that section is for.

Logo is the conference's own pos_alt artwork, dark-on-transparent, so it
sits on a white chip rather than being recoloured to suit the hero. Below
sm the chip stands alone -- the two lines of text do not fit beside it at
that width, and the logo already carries the year.
@vercel

vercel Bot commented Aug 25, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
voxkit-web Ready Ready Preview Aug 25, 2026 12:19am

@BeckettFrey
BeckettFrey merged commit d3c8fcf into main Aug 25, 2026
5 checks passed
@BeckettFrey
BeckettFrey deleted the match-summary-panel-backgrounds branch August 25, 2026 00:21
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