hilium.app

Hilium sells an iPhone-as-Mac-trackpad app with a page that borrows Apple's own product-page grammar and strips it further back: a near-black #080808 ground (95% of the pixels), SF Pro throughout, a centered 48px/700 headline tracked to −0.96px, and a white pill CTA paired with a ghost twin. Color barely exists — the palette is eight grays from #080808 to #eeeeee — so the only chroma on the page is inside the product itself: the green-to-blue volume slider in the floating iPhone mockup, a green "connected" dot, a yellow status pip. Below the hero the layout tightens into a hairline-divided two-column grid where each cell is icon → title → muted sentence → phone mock, and a row of small pill toggles (Cursor, Click, Right-Click, Swipe…) doubles as the feature nav. The navigation itself is a floating frosted pill that condenses on scroll. It reads as a serious hardware-adjacent utility, not a startup — quiet, exact, and confident enough to let one glowing slider carry all the color.

Build on a near-black ground, #080808, never pure black, with all surface separation done by 1px hairlines in #292b2b — no card fills, no shadows, no gradients on the page. Use the system sans (SF Pro / -apple-system, Inter fallback): display 48px weight 700, letter-spacing −0.02em, line-height 1.2, centered; section titles 20–22px weight 600; body 17–20px weight 500 in #919191, primary text #eeeeee. Keep the palette to grays between #080808 and #eeeeee; any color must live inside product imagery or a status indicator (a green dot, one accent slider), never in chrome. Buttons and chips are pills, radius 999px, height 48px (buttons) / 36px (chips), 18px horizontal padding, 17px weight 400 label with a 14–16px leading icon; primary = solid #e6e6e6 with #080808 text, secondary = transparent with a 1px #4f4f4f border. Compose content in a centered column (~960px) for hero copy and a hairline-divided two-column grid for features, each cell: icon → title → one muted sentence → an image cropped by the cell's bottom edge. Nav is a floating pill with a translucent dark fill and backdrop blur. Motion is restrained: fade-and-rise entrances, no parallax. Everything should feel like an Apple product page with the marketing removed.