Skip to content

Adopt the design-kit product landscape across public pages - #559

Merged
0thernet merged 1 commit into
mainfrom
codex/landscape-tiles-20261005
Oct 5, 2026
Merged

0thernet merged 1 commit into
mainfrom
codex/landscape-tiles-20261005

Conversation

@0thernet

@0thernet 0thernet commented Oct 5, 2026

Copy link
Copy Markdown
Member

Summary

  • Moves the product landscape onto @hraness/design-kit product-landscape.css (v0.41.0): one luminance mask tinted by the page palette, tiling vertically down long pages with a phone-width variant, and hidden for forced colors and print.
  • Opts in every public marketing, documentation, blog, and comparison surface with data-hraness-landscape="page"; application and editor routes stay unmarked or opt out with "off".
  • Over the layer, page wrappers clear, reading surfaces (code blocks, tables) stay opaque with rounded edges, and small cards become frosted panels with opaque fallbacks without backdrop support, under reduced transparency, and in forced colors.

Test plan

  • Repository tests, typecheck and site build
  • Local light/dark desktop and phone screenshots in pinned Chrome for Testing
  • CI green and preview reviewed

Generated with Devin

@vercel

vercel Bot commented Oct 5, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
ghostget Ready Ready Preview Oct 5, 2026 12:57pm UTC

Request Review

Replaces the handwritten homepage-only landscape block with
@hraness/design-kit/product-landscape.css v0.41.0: the product's grayscale
luminance mask now tiles down the full page so long pages never run out of
scenery, swaps to the narrow image on phones, and stays hidden in forced
colors and print.

Every public marketing, docs, blog, and comparison page opts in with
data-hraness-landscape="page"; application and editor surfaces stay out.
Over the drawing, page wrappers clear, code blocks and tables keep opaque
rounded surfaces, and cards and callouts become frosted panels that fall
back to opaque under reduced transparency or forced colors.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
@0thernet
0thernet force-pushed the codex/landscape-tiles-20261005 branch from 0169e16 to 1d27d42 Compare October 5, 2026 12:57
@0thernet
0thernet merged commit f352d9a into main Oct 5, 2026
28 checks passed
@0thernet
0thernet deleted the codex/landscape-tiles-20261005 branch October 5, 2026 13:22

This branch was successfully deployed

1 active deployment
Preview — 1d27d42c Deployed Oct 5, 2026 by vercel[bot]
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.

1 participant