Skip to content

Work / Babul / Wiki / Surfaces

landing

Surfacecanonicalverified 2026-10-23

SURFACE.WEB.MARKETING.LANDING

Summary

The public landing page.

Raw wireframe

  • .context/designs/web/marketing/landing.html

Why it is drawn this way

  • The hero takes a URL, because capture is the first real step. Its grid has a few tinted cells for colour.
  • Order: editor picture, stacks, why, the five layers, works like git, AI · CLI · MCP, analysis, three setup steps, pricing, questions, closing band.
  • Pricing is on the page; values are wiki/entities/plans.md. Docs are their own pages.
  • Primary buttons are ink. Tints may decorate marketing pages only.
  • Phone first, as built: below lg the editor picture shows only the canvas and the prompt, the nav keeps the logo, Sign in and Start free, cards stack, and Team leads Pricing.