Skip to content

Add accented card design guidelines#5073

Open
lboehling wants to merge 1 commit into
patternfly:mainfrom
lboehling:add-accented-card-design-guidelines
Open

Add accented card design guidelines#5073
lboehling wants to merge 1 commit into
patternfly:mainfrom
lboehling:add-accented-card-design-guidelines

Conversation

@lboehling

@lboehling lboehling commented Jul 14, 2026

Copy link
Copy Markdown

Closes https://redhat.atlassian.net/browse/PF-4305

Summary

  • Adds design guidelines for the new accented card variant to the card component documentation
  • Documents when to use and when not to use the brand accent mark for visual hierarchy
  • Includes an SVG example comparing an accented card with a standard card

Test plan

  • Verify the accented card section renders on the card design guidelines page
  • Confirm card-accented.svg displays correctly in the Variations section
  • Review copy for accuracy against the Figma accented card spec

Document the new accented card variant with usage guidance, when to use and when not to use rules, and an SVG example asset.

Co-authored-by: Cursor <cursoragent@cursor.com>
@lboehling

Copy link
Copy Markdown
Author

Note -- these design guidelines are pending implementation of the accented card variant. This PR should not be merged until implementation work is completed.

@lboehling
lboehling requested review from a team, andrew-ronaldson and kaylachumley and removed request for a team July 14, 2026 15:48
@patternfly-build

Copy link
Copy Markdown
Collaborator

Preview: https://pf-org--pr-5073-site.surge.sh

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.

2 participants