Files
ayushyaandClaude Code 19c82c5068
Deploy noo (noo.ayushya.dev) / deploy (push) Successful in 15s
Rebuild Noo site with interactive mockups and add privacy policy
Use the app's monochrome icon, add live phone mockups for accounts, locks,
sync, sharing and appearance options, a tab list, coming-soon platforms,
and a full privacy policy page.

Co-Authored-By: Claude Code <noreply@anthropic.com>
2026-10-01 10:49:35 -04:00

1.4 KiB

Noo website

The product site for Noo, meant to be deployed at noo.ayushya.dev.

Static HTML/CSS/vanilla JS, no build step and no dependencies beyond the two Google Fonts already used by the app (Schibsted Grotesk, Instrument Sans). Colors, radii, type scale and motion timing are copied from lib/theme/design_tokens.dart so the site and the app read as the same product.

Files

  • index.html — the landing page (hero, feature showcases, the Customize lab, tab list, privacy teaser, download CTA).
  • privacy.html — the full privacy policy.
  • styles.css — all styling, incl. the design tokens as CSS custom properties and a dark-mode variant (prefers-color-scheme and an explicit data-theme override).
  • script.js — renders the interactive phone mockups from the design tokens (bottom bar, nav menu, tabs, accents, AMOLED, action bar, swiping, share sheet, locks, sync, accounts), plus nav and reveal.
  • icons.svg — SVG sprite of the Lucide icons the mockups use (<use href="icons.svg#i-name">; needs an http server, not file://).
  • noo-mark.png — the app's monochrome icon, tinted via CSS mask.
  • favicon.svg.

Local preview

python3 -m http.server 8000

Then open http://localhost:8000.

Deploying

Deployed as Cloudflare Workers static assets (wrangler.toml); nothing to build. Replace the # download links in index.html once real release links exist.