Skip to content

Align with ImpactMojo library design system + add saved reading list - #7

Merged
Varnasr merged 1 commit into
mainfrom
claude/brand-unification
Jul 9, 2026
Merged

Varnasr merged 1 commit into
mainfrom
claude/brand-unification

Conversation

@Varnasr

@Varnasr Varnasr commented Jul 9, 2026

Copy link
Copy Markdown
Owner

Description

Brings Development Discourses onto the shared ImpactMojo library design system (deep blue + teal) used by Dev Case Studies, and adds the saved reading list for feature/UX parity across the libraries.

Type of Change

  • Bug fix
  • New feature
  • Content addition or correction
  • Documentation update
  • Style or layout change
  • Refactoring (no functional change)

Changes Made

  • Brand unification (CSS layer): deep-blue #235789 + teal accent tokens (light and dark), gradient brand mark, card hover-lift with a gradient accent strip, gradient footer edge, and shared focus rings.
  • Ecosystem cross-links in the header (Case Studies / Discourses / ImpactLex) so the libraries read as one product.
  • Saved reading list: a bookmark button on every resource card and a "Saved" filter toggle with a count, persisted in localStorage.
  • Updated theme-color, web manifest, and app icon to the new brand colour.

Frontend-only — no data or Python-build changes.

Testing

  • Tested locally with a development server
  • Verified search and filter functionality still works
  • Checked responsiveness on mobile viewport
  • All links and citations are valid

Verified with a headless browser (light + dark): cards render, bookmark toggle + Saved filter + count work, ecosystem nav present, brand token resolves to #235789 (light) / #6cb2ff (dark), no console errors.

Checklist

  • My changes follow the project's coding style
  • I have tested my changes locally

🤖 Generated with Claude Code

https://claude.ai/code/session_012msh1nNMxadJd417S8FjP2


Generated by Claude Code

Brings Development Discourses onto the shared deep-blue + teal brand used
across the ImpactMojo libraries, and adds the saved/bookmarks feature for
UX parity with Dev Case Studies.

- Append a brand-unification CSS layer: deep-blue (#235789) + teal accent
  tokens (light and dark), gradient brand mark, card hover-lift with a
  gradient accent strip, gradient footer edge, and shared focus rings.
- Add ecosystem cross-links in the header (Case Studies / Discourses /
  ImpactLex) so the libraries feel like one product.
- Add a saved reading list: a bookmark button on every resource card and a
  "Saved" filter toggle with a count, persisted in localStorage.
- Update theme-color, web manifest, and app icon to the new brand colour.

Frontend-only; no data or build changes.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012msh1nNMxadJd417S8FjP2
@Varnasr
Varnasr merged commit 140b635 into main Jul 9, 2026
2 checks passed
@Varnasr
Varnasr deleted the claude/brand-unification branch July 9, 2026 03:59
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