Research page: design pass (areas ledger, pillar CTAs + spectrum diamonds, lifted stream, hero questions) - #57
Merged
Conversation
…line Themes use IconCard (stacked, 40px Iconoir icons) on the same 3/2 grid; the generated theme artwork is removed. Per Bennett, 9/29. Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
- Research Themes: a bordered definition-list ledger (area + line icon left, framing question right, hairline rules) in place of cards — reads as an institute's research areas, not marketing tiles - Hero stream: bleed 0.55 -> 0.4 so the band carries across the full width (colour share left/mid/right 72/25/3% -> ~49/16/35%) Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
- Research Themes: drop the bordered frame (rules only); each area's icon in a 64px tile, vertically centred with its row; valid <dl> (tile inside <dt>) - Pillars: plain titles (no underlined links), no 'Pillar #' labels, and a bottom-aligned outline CTA per card (Read about NSAI / ABC / ST) Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Italic, headline ink; each question non-breaking so lines split between questions, never inside one (one line to tablet, 2 lines on phones). Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
…onds - Pillar cards: no fill (the band's own surface) + a softened headline-ink outline; CTAs in the primary button style - A sharp brand diamond above each pillar title, filled with the hero stream's spectrum: one repeated full-spectrum tile slid exactly one tile per loop (seamless, no hard cut), each card offset warm -> violet -> cool to echo the stream; subtle same-colour glow; static under reduced motion Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
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.
Design pass on /research/ from Bennett's review. Copy is unchanged: all 52 lines of Lacey's doc still verbatim.
<dl>. The unused theme artwork is removed.Verified on the production build:
🤖 Generated with Claude Code