feat: add Accordion component with styles and animations - #106
Merged
Conversation
- Implement AccordionItem component for FAQ-style interactions - Create CornerMark component for decorative corner accents - Add Reveal component for scroll-triggered animations - Introduce StatsStrip component for displaying statistics with animations - Create illustrations for the About page and landing icons for the hero section - Establish design tokens for consistent styling across the application - Implement MarketingLayout for smooth transitions between marketing routes
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Roll out brand design system: color tokens, IBM Plex typography, corner-mark
motif, and hero redesign across marketing pages
Combines the token/animation implementation prompt with a Claude Design
prototype pass, reimplemented as real React (not the prototype's template
markup — verified clean, see below).
What it adds
accent, IBM Plex Sans/Mono self-hosted as woff2 — no external font CDN,
consistent with the site's client-side-only positioning)
sharpen on cards), echoing the ISO centring marks already used in
generated drawings
core feature visually, plus updated pills ("2D Drawing Export") and
subheadline
shared FAQ accordion — used consistently across Home, About, both guides
in the viewer only, gone once a file loads
Explicitly unchanged
no corner marks, no scroll reveals, no added motion beyond a 150ms modal
transition on the 2D drawing editor
not replaced
Verification already done
, style-hover) — none present; confirmed via rendered DOM output
as well as source
drag-and-drop simulation — both correctly load a file and navigate to
/viewer
Follow-up (non-blocking)
just the hero