Skip to content

Update website UI to achieve low-effort visual refreshes#763

Merged
ahus1 merged 3 commits into
keycloak:mainfrom
mabartos:website-upgrade-improvements
Jun 29, 2026
Merged

Update website UI to achieve low-effort visual refreshes#763
ahus1 merged 3 commits into
keycloak:mainfrom
mabartos:website-upgrade-improvements

Conversation

@mabartos

@mabartos mabartos commented Jun 3, 2026

Copy link
Copy Markdown
Member

Quick walkthrough

Old

Screencast.From.2026-06-03.12-41-54.mp4

New

Screencast.From.2026-06-03.12-28-59.mp4

Quick walkthrough (Phone)

Old

Screencast.From.2026-06-03.12-43-42.mp4

New

Screencast.From.2026-06-03.12-51-57.mp4

@mabartos mabartos force-pushed the website-upgrade-improvements branch from 87dc07a to 40ed26f Compare June 3, 2026 10:54
@mabartos mabartos changed the title [All] Update website UI Update website UI to achieve low-effort visual refreshes Jun 3, 2026
Signed-off-by: Martin Bartoš <mabartos@redhat.com>
@mabartos mabartos force-pushed the website-upgrade-improvements branch from 40ed26f to 8af93fb Compare June 3, 2026 13:13
@mabartos mabartos requested review from ahus1, edewit and stianst June 4, 2026 09:16

@edewit edewit left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some small improvements that do a lot!
wish that we could leave this bootstrap look behind us though

@ahus1 ahus1 removed their request for review June 8, 2026 12:33
@stianst

stianst commented Jun 19, 2026

Copy link
Copy Markdown
Contributor

#765 - the repeated read guide link is not awesome and it just adds more noise. The card itself should just be clickable

#768 - same here - continue reading, read post, etc links repeated multiple times add additional noise

@keycloak keycloak deleted a comment from mabartos Jun 19, 2026
mabartos added 2 commits June 19, 2026 11:49
Signed-off-by: Martin Bartoš <mabartos@redhat.com>
Signed-off-by: Martin Bartoš <mabartos@redhat.com>
@mabartos

Copy link
Copy Markdown
Member Author

@stianst Ok, good point. Updated.

New guides

Screenshot From 2026-06-19 11-45-48

New blog

Screenshot From 2026-06-19 11-46-54

New community

Screenshot From 2026-06-19 11-48-48

New case studies

Screenshot From 2026-06-19 11-47-17

Consistent nav-bar

There were some changes to the guides sub navbar listing categories, which were not propagated to the nightly build - corrected now + unified border radius for the nightly release alert.

Old

Screenshot From 2026-06-19 11-53-46

New

Screenshot From 2026-06-19 11-56-49

Btw. we're getting more and more categories which results in 2 rows on the guides page - it'd be good to have some better approach - maybe something what @shawkins mentioned here: #700 (out of scope of this PR)


Follow-up

As already discussed, after merging this, we should analyze what content should be on the index page to better advertise capabilities of Keycloak (maybe some more agentic stuff?, HA?,...)

@mabartos

Copy link
Copy Markdown
Member Author

@ahus1 Can we proceed with this, or should we wait for the @stianst's final decision?

Based on the offline discussion in the keycloak-dev-team channel and this comment, Stian mentioned only the issue with card footers, otherwise, "looks good".

IMHO, the design is much nicer with these changes, and we could provide them as there should not be any issue or risk now. WDYT?

@ahus1 ahus1 merged commit dc70503 into keycloak:main Jun 29, 2026
2 checks 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

4 participants