[FEATURE] Update card hyperlinks to match website’s modern theme styling
Why do we need this improvement?
The hyperlinks inside the homepage card components currently use the browser’s default styling (blue text + underline). This looks inconsistent with the website’s clean and modern visual design.
Updating the link styling to match the AsyncAPI design system will improve:
Visual consistency
Professional appearance
Readability
Overall UX across light/dark modes
The cards look polished, but the default link style breaks the visual harmony.
How will this change help?
Aligns the homepage with the rest of the AsyncAPI brand styling
Makes the UI feel more professional and unified
Reduces visual noise from harsh default underline styles
Improves accessibility through consistent and intentional link color choices
Creates a smoother interaction experience with proper hover states
This is a small change with a high visual impact.
Screenshots
How could it be implemented/designed?
A few possible implementation approaches:
Option A — Apply Tailwind-themed link classes
Update the card link components with something like:
(or use the project’s existing theme text variables)
Option B — Create a reusable Link component
Introduce a ThemedLink component and replace all default tags inside card components.
Option C — Follow existing site styling
Apply the same link styles used in other site sections for perfect consistency (e.g., Docs pages).
Additional Notes
Ensure styles work for both light/dark mode
Maintain good contrast ratios
Keep hover/active states consistent with the design system
🚧 Breaking changes
Yes
👀 Have you checked for similar open issues?
- [x] I checked and didn't find a similar issue
🏢 Have you read the Contributing Guidelines?
- [x] I have read the Contributing Guidelines
Are you willing to work on this issue?
Yes, I’m willing to work on this issue.
Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.
@Dsp023 umm.. i feel the current design of links look more intuitive as compared to the one you are suggesting, and it feels more like not needed.