Skip to content

Bold redesign: full dark theme, bento grid, visual hierarchy#36

Merged
ErikBjare merged 2 commits intomasterfrom
redesign/bold-take
Feb 17, 2026
Merged

Bold redesign: full dark theme, bento grid, visual hierarchy#36
ErikBjare merged 2 commits intomasterfrom
redesign/bold-take

Conversation

@ErikBjare
Copy link
Member

Summary

A bolder take on the site design. Full dark theme, modern layout patterns, better visual hierarchy.

Key changes:

  • Full dark theme — Slate-950 throughout, no more jarring white/dark alternations
  • Dot grid hero background with subtle green glow behind the logo
  • Stats row — "16k+ GitHub stars", "2014 Founded", "500k+ Downloads" right in the hero
  • Bento grid projects — ActivityWatch and gptme get large featured cards, Thankful and uniswap-python are compact secondary cards. Thankful visually de-emphasized with reduced opacity
  • Pill-style tags on project cards instead of a row of similar-looking buttons
  • Gradient text for "free and open-source" accent
  • Card-shine CSS effect on hover for project cards
  • Compact past members — circular avatar grid instead of full cards
  • About section merged into the flow as a simple text block, not a standalone section
  • Timeline with tiered highlighting — key moments (founding, gptme, Bob) in green, others muted
  • Footer with social links mirroring the navbar
  • Streamlined navbar — border-bottom instead of full background block

Preview

cd /tmp/worktrees/sul-bold && make serve

Test plan

  • Check all sections render on mobile and desktop
  • Verify dot grid and logo glow effects
  • Test project card links and hover states
  • Confirm past team members expand correctly
  • Check timeline readability

Full-dark design overhaul:
- Slate-950 background throughout (no more white sections)
- Dot grid pattern and green glow on hero logo
- Stats row in hero (16k+ stars, 2014 founded, 500k+ downloads)
- Bento grid project layout: AW + gptme featured large, others compact
- Project cards with pill-style tags and card-shine effect
- Tiered timeline with highlighted key moments
- Compact past-members with circular avatars
- About section woven into flow instead of standalone block
- Footer with social links mirrored from navbar
- Gradient text accent for "free and open-source"
- Streamlined navbar with border-bottom instead of bg block
- Inline logo + title in hero (matching OG preview)
- Logo glow, dot grid, gradient text, card shine effects
- Bento grid projects with star counts and bottom-aligned buttons
- Square team photos in narrower centered grid
- Centered headings, timeline, and Bob description
- Navbar: larger square logo, removed redundant project links
- Fixed Bob's social links (positional mixin arg shift)
- Updated stats to 20k+ stars, responsive mobile layout
@ErikBjare ErikBjare merged commit ea4b7c3 into master Feb 17, 2026
1 check passed
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

Comments