1 Million Pixels — Homepage

---
version: alpha
name: 1 Million Pixels — Homepage
colors:
  surface-1: rgb(255, 0, 213)
  surface-2: rgb(11, 11, 14)
  heading: rgb(255, 255, 255)
  body: rgb(255, 0, 213)
  primary: rgb(255, 255, 255)
typography:
  heading:
    fontFamily: '"Space Mono", monospace'
    fontSize: 12px
    fontWeight: 400
    lineHeight: 16px
  body:
    fontFamily: '"Space Mono", monospace'
    fontSize: 14px
    fontWeight: 700
    lineHeight: 20px
---

## Overview
Neon-magenta pixel advertising canvas on a near-black grid, with floating monospace controls and irregular logo tiles. Captured October 6, 2026. Static canvas state only; zoom, panning, purchase and animation behavior were not tested.

## Colors
Use the measured surface and text tokens above as the base palette. Dominant background samples describe interface surfaces, not colors inside logos or photographs. Preserve the restrained relationship between the canvas, supporting text and the focal accent.

## Typography
The inspected headline uses "Space Mono", monospace at 12px, weight 400, with 16px line height. Supporting text sample uses "Space Mono", monospace at 14px with 20px leading. These are computed styles at 1440px, not an inferred global type scale. Keep headings visually distinct from metadata and allow natural narrow-screen wrapping.

## Layout
Fill the viewport with the pixel map rather than a conventional stacked marketing page. Keep compact controls around the perimeter and a bright claim-pixels action at the lower right. The narrow capture retains a dense map and condensed controls.

## Elevation & Depth
Use the screenshot as the depth reference: keep text and content surfaces visually quiet, reserving emphasis for primary actions and highlighted content. Avoid adding heavy shadows that compete with the directory. Exact shadow values were not measured.

## Shapes
The sampled heading radius is 0px; this is not a card-radius token. Follow the visible component shapes described below. Keep consistent alignment, adequate touch targets, and content-driven heights.

## Components
Use square image tiles, hairline grid cells, compact outlined rectangular controls and a glowing magenta primary button. Brand images are content, not reusable palette tokens.

## Do’s and Don’ts
Preserve the reference-specific hierarchy and spacing rhythm. Use original content and properly licensed imagery when adapting. Do not copy live counts as product claims, imitate broken assets, or infer filtering, hover, payment, authentication or keyboard behavior from a still image. Mobile evidence covers the opening viewport at 390px; intermediate breakpoints and accessibility were not audited. Static canvas state only; zoom, panning, purchase and animation behavior were not tested.