WeirdPress Aesthetic Atlas

This workspace now includes a static site for browsing hundreds of visual design aesthetics.

Run

python3 -m http.server 4173

Then open http://localhost:4173/.

The deployed GitHub Pages entry point is the repository root.

Key Files

• index.html - catalog interface.
• styles.css - responsive gallery, high-fidelity mini site previews, and detail mockups.
• app.js - search, filters, shuffle, category-aware WordPress-style previews, and detail panel.
• mockup.html - full-page generated homepage mockup for any aesthetic via ?id=.
• mockup.css - high-fidelity full mockup layouts and visual treatments.
• mockup.js - renders the selected aesthetic as a complete WordPress-style homepage.
• assets/meta/ - favicon, app icons, and social preview artwork.
• robots.txt, sitemap.xml, site.webmanifest - SEO, crawler, and install metadata.
• assets/aesthetic-mockups-webp/ - web-optimized visual mockups used by the published atlas.
• assets/ui-webp/ - optimized generated UI artwork for the atlas masthead.
• assets/aesthetic-mockups/ - local source PNG mockups, intentionally not required for the published site.
• data/mockup-manifest.json - prompt manifest for generating image mockups for all 390 aesthetics.
• data/design-aesthetics.json - generated database with 390 aesthetics.
• scripts/generate-aesthetics-data.mjs - source generator for the database.
• scripts/build-mockup-manifest.mjs - rebuilds the mockup prompt/status manifest.

Regenerate Data

node scripts/generate-aesthetics-data.mjs