Describe the bug

• On the homepage, multiple content cards (Slack, Blog, Community Events, Upcoming Events) are difficult to visually distinguish from one another due to insufficient visual separation.

• In light mode, the cards blend into the background with minimal contrast.
  In dark mode, the cards also lack clear boundaries, making it hard to scan and differentiate sections quickly.

• This negatively affects readability and overall user experience.

Steps To Reproduce

1. Go to https://json-schema.org/

2. Scroll to the section containing:

   • “Join the JSON Schema Slack Workspace”

   • “The JSON Schema Blog”

   • “JSON Schema Community Meetings & Events”

3. Switch between light mode and dark mode

4. Observe that the cards appear visually merged and are hard to differentiate

Expected Behavior

Each card should be clearly distinguishable using:

• Better contrast

• Clear borders or outlines

• Card background separation

• Improved spacing or elevation (shadow)

This would make scanning content easier in both light and dark themes.

Screenshots

Light Mode:

Dark Mode:

Scrrencast:

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No