Files
paseo/packages/website/src/components/mockup/geometry.ts
T
Mohamed Boudra 375e9b3e53 feat(website): rebuild homepage product mockups
Replace static captures with live, responsive scenes that demonstrate building, reviewing, shipping, and extending work across desktop and mobile.
2026-08-30 23:48:54 +02:00

18 lines
701 B
TypeScript

/**
* The mockup is authored at one fixed size — "design pixels" — and scaled to
* whatever width its container gives it. Every measurement in the mockup is a
* plain px number you can reason about directly, and nothing has to change when
* the hero column gets wider or narrower.
*
* The numbers come from measuring public/homepage-hero.png (a 2x capture of a
* 2249x1289 window region) and dividing by 1.5617 so the window lands at 1440
* wide — the widest the hero column ever renders it.
*/
export const DESIGN_WIDTH = 1440;
export const DESIGN_HEIGHT = 826;
export const TITLEBAR_H = 39;
export const TABBAR_H = 31;
export const SIDEBAR_W = 262;
export const RIGHT_PANEL_W = 424;