The Briefed
Bilingual (EN/PL) marketing site for an AI-era branding studio, built on EmDash CMS and deployed entirely on Cloudflare Workers. The signature 8x8 Bayer dither in neon green runs as a live shader hero, an interactive mouse-trail canvas, and a static texture across every CTA — zero raw photography, every image passes through a custom luminance-to-dither pipeline.
System Prompt
Build a conversion-focused bilingual marketing site for an AI-era branding studio on the EmDash CMS + Cloudflare stack. Visual identity must center on a neon-green 8x8 Bayer dither — applied as an animated shader hero, an interactive mouse-trail canvas, and a static halftone treatment on every uploaded image. No raw photography. Dark-mode only. Sticky pill navbar, glass cards, accent-card CTAs. Astro SSR with i18n routing (EN default, /pl prefix). All content blocks driven by EmDash so non-developers can edit copy.
Process Notes
Built end-to-end with Claude Code on top of EmDash — an open-source CMS that runs natively on Cloudflare's edge stack. Astro 6 in SSR mode handles routing and i18n (EN/PL). EmDash plugs into D1 for content, R2 for media, KV for sessions, and a sandbox runner for plugin execution; we authored a custom @thebriefed/email-resend plugin for contact forms. The dither identity is three layered systems: (1) a @paper-design/shaders-react Dithering component for the animated hero, (2) a 60fps canvas in Base.astro that paints decaying dither smudges following the cursor with lerp smoothing, (3) a Node script (scripts/dither-image.mjs) that runs every uploaded image through an 8x8 Bayer matrix with a pow(lum,0.7)*1.15 contrast curve so portfolio shots, blog heroes, and process illustrations all share the same neon-green halftone language. Phase work was managed with the Superpowers/GSD planning skills — discuss → plan → execute per phase, atomic commits per task. Pencil (.pen files) was used for off-canvas iteration on hero compositions before pushing back into Astro components.
Community Feedback
No comments yet
Be the first to leave a comment.
Sign in to comment