spacefs.com

Space sells "infinite space on your computer" with a page that is almost entirely white and lets a fan of photographs do the talking. The hero is a two-tone Google Sans headline — "Infinite space" in near-black, "on your computer" in mid-gray, 68px at weight 400 with -1.7px tracking — set over a plain white ground, with a pill "Backed by a16z speedrun" badge above and two pill buttons below (solid black Download, hairline-outlined Book a demo). The right half is a loose, rotated cascade of rounded video frames (cityscapes, a studio, a street) that stand in for the terabytes the product streams; they carry all the color on the page, which is why the palette reads as sage, stone and tan against 78% white. Further down the page becomes a numbered feature index: monospace "01 / 02 / 03" counters in the gutter, a large regular-weight title, a short right-aligned body, and a full-width hairline between rows, before the page drops into a solid #0a0a0a band. The navigation is a floating circular logo chip and a floating pill Menu button rather than a bar. It is a quiet, editorial-Swiss take on a dev-tool landing page: the type does the structure, the media does the emotion, and nothing has a drop shadow except the photographs.

Build on a pure white ground (#ffffff) with a single near-black ink (#0a0a0a) and one mid-gray (#6f726b) for secondary text; let photographs and video supply every other color, and keep them in warm, slightly desaturated tones (sage #abb3a3, stone #d1d2ce, tan #956c54) so they sit softly on white. Set everything in one geometric sans (Google Sans or Inter as a stand-in) at weight 400 — display at 64–72px with -1.7px tracking and ~1.06 line-height, body at 15px/1.6. Create hierarchy with color, size and position only: two-tone headlines (ink on line one, gray on line two), never bold. Use pills everywhere for interactive chrome — 9999px radius, 48px tall, 28px horizontal padding, 14px/500 labels; primary is solid ink on white text, secondary is a 1px hairline outline with no fill. Replace the nav bar with floating elements: a 52px circular logo chip, a pill Menu button, and a pill CTA that docks top-right on scroll. Compose hero media as a rotated cascade of 12px-radius cards with a soft, wide, low-opacity ambient shadow, bleeding off one edge of the viewport. Structure long content as numbered index rows: a 12px monospace counter in a narrow left gutter, a 40–48px regular-weight title, a 320px body column right-aligned, and a 1px rule (#e5e5e5) spanning the full width between rows with ~160px of vertical breathing room. Introduce dark sections as hard cuts to solid #0a0a0a with white type, no gradient. Use 6–12px radii on inner UI, 9999px on controls; no drop shadows on anything except imagery.