Skip to content

feat(web): redesign netrock.dev as a geological survey sheet - #102

Open
fpindej wants to merge 2 commits into
mainfrom
feat/web-redesign
Open

feat(web): redesign netrock.dev as a geological survey sheet#102
fpindej wants to merge 2 commits into
mainfrom
feat/web-redesign

Conversation

@fpindej

@fpindej fpindej commented Aug 17, 2026

Copy link
Copy Markdown
Owner

Summary

  • New visual language for netrock.dev: a geological survey sheet. Basalt background, chalk text, one warm iron accent, square corners, hairline rules. Bricolage Grotesque for display type, IBM Plex Sans/Mono for body and labels. No glow filters, blur, gradient blobs, traveling particles, or typewriter effect.
  • Signature element: StrataColumn - the project rendered as layered rock, one layer per feature (hatch pattern per feature group), thickness proportional to the feature's share of generated files, updating live as features toggle. Shown on all three wizard steps.
  • Header is a title block (strata mark, wordmark, rev x.y.z); wizard progress is a numbered sheet index (01 Name / 02 Stack / 03 Download).
  • Landing: headline + project name field beside the column, questions as a hairline list. Stack: architecture selector, presets, dependency graph, feature cards restyled. Review: stats as a survey table row, file tree, setup commands restyled.
  • FAQ, Why, Changelog pages restyled; changelog entries now render inline code.
  • CLAUDE.md "Visual Standards" updated to describe the language; version 0.11.0 + changelog entry.

Not touched: favicons and og-preview.png are still the old cyan branding - regenerate separately.

Test plan

  • pnpm test (120), pnpm build, pnpm --filter @netrock/web check (0 errors, 0 warnings), prettier clean
  • Screenshots at 320, 390, 1280, 1440 for landing, stack (feature cards open, notes open), review, changelog, why: no horizontal overflow, 44px touch targets on mobile, column reorders above content on mobile
  • Reduced motion respected (global rule + StrataColumn skips the deposition animation)

Replace the near-black/cyan look with a basalt, chalk, and iron palette,
Bricolage Grotesque display type with IBM Plex body and mono, square
corners and hairline rules. Add StrataColumn, a live column of the
project's layers sized by file share, shown on every wizard step. Restyle
header (title block), wizard progress (sheet index), landing, stack,
review, dependency graph, feature cards, file tree, and the FAQ, Why, and
Changelog pages; drop glow filters, particles, and the typewriter effect.
Changelog page now renders inline code.
@fpindej
fpindej force-pushed the feat/web-redesign branch from 3e5ab12 to 1279a47 Compare August 17, 2026 20:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant