Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[docs] homepage responsive #2200

Open
bennypowers opened this issue Mar 6, 2025 · 5 comments
Open

[docs] homepage responsive #2200

bennypowers opened this issue Mar 6, 2025 · 5 comments
Assignees
@coreyvickery
Labels
blocked Issue is blocked docs Improvements or additions to documentation for dev Ready for development priority: high High priority
Milestone
2025/Q2 — Diglett...

Comments

@bennypowers
Copy link
Member

Description

@coreyvickery owes me some small-screen designs for the homepage, as a follow up to #2174

Links

No response

Screenshots

No response

Additional context

No response
@bennypowers bennypowers added the docs Improvements or additions to documentation label Mar 6, 2025
@bennypowers bennypowers added this to the 2025/Q1 — Cubone release milestone Mar 6, 2025
@coreyvickery coreyvickery added for design Design work is requested priority: high High priority labels Mar 6, 2025
@coreyvickery
Copy link
Collaborator

Note to self: We also might need a new Open Graph image.

@coreyvickery
Copy link
Collaborator

@bennypowers Please take a look and see if you like how things are moving around. If you do, I can write more specs.

https://www.figma.com/proto/uiYPSaPk4FxhVpOCqDaUZ0/New-ux-dot-home-page?page-id=237%3A2520&node-id=237-8808&p=f&viewport=105%2C123%2C1&t=k5pKVLLTmP4j0KTO-1&scaling=scale-down&content-scaling=fixed

@bennypowers
Copy link
Member Author

lgtm

@coreyvickery
Copy link
Collaborator

@bennypowers Here's the Dev Mode link if you need it.

https://www.figma.com/design/uiYPSaPk4FxhVpOCqDaUZ0/New-ux-dot-home-page?node-id=237-2520&m=dev

@coreyvickery
Copy link
Collaborator

@bennypowers A few more small edits so design uses more tokens instead of custom px values.

  • Change red heading size to --rh-font-size-heading-2xl
  • Change layout top padding to --rh-space-7xl (currently it's 168px)
  • Change padding under hero to --rh-space-7xl
  • Change padding under tiles to --rh-space-7xl
  • Change padding in between gradient bands to --rh-space-4xl
  • Keep layout bottom padding the same (--rh-space-6xl)

@coreyvickery coreyvickery moved this from Backlog to In Progress 🟢 in Red Hat Design System Mar 13, 2025
@coreyvickery coreyvickery moved this from In Progress 🟢 to Hold 🔴 in Red Hat Design System Mar 13, 2025
@coreyvickery coreyvickery added blocked Issue is blocked for dev Ready for development and removed for design Design work is requested labels Mar 13, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@coreyvickery coreyvickery

Labels
blocked Issue is blocked docs Improvements or additions to documentation for dev Ready for development priority: high High priority
Projects
Red Hat Design System
Status: Hold 🔴
Milestone
2025/Q2 — Diglett release
Development

No branches or pull requests
2 participants
@bennypowers @coreyvickery