website icon indicating copy to clipboard operation
website copied to clipboard

[FEATURE] Update card hyperlinks to match website’s modern theme styling

Open Dsp023 opened this issue 1 month ago • 1 comments

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

Image

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?

Are you willing to work on this issue?

Yes, I’m willing to work on this issue.

Dsp023 avatar Dec 04 '25 07:12 Dsp023

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.

github-actions[bot] avatar Dec 04 '25 07:12 github-actions[bot]

@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.

princerajpoot20 avatar Dec 26 '25 07:12 princerajpoot20