# D020 - Art Direction v2 Bold Monochrome

> D020 - Art Direction v2 Bold Monochrome: a note from the Obsidian vault behind https://saifsiddiqui.in.

Canonical URL: https://saifsiddiqui.in/hi-latn/brain/d020-art-direction-v2-bold-monochrome/ (this is its markdown representation; the same URL serves HTML to browsers)
Other languages: en: https://saifsiddiqui.in/brain/d020-art-direction-v2-bold-monochrome/ · hi: https://saifsiddiqui.in/hi/brain/d020-art-direction-v2-bold-monochrome/ · kn: https://saifsiddiqui.in/kn/brain/d020-art-direction-v2-bold-monochrome/ · ur: https://saifsiddiqui.in/ur/brain/d020-art-direction-v2-bold-monochrome/ · te: https://saifsiddiqui.in/te/brain/d020-art-direction-v2-bold-monochrome/ · ar: https://saifsiddiqui.in/ar/brain/d020-art-direction-v2-bold-monochrome/

**Type:** decision  
**Status:** accepted  
**Created:** 2026-07-17  
**Tags:** decision, design, art-direction, webgl, motion

## D020: Art direction v2: bold maximalist, monochrome, motion + "dead→alive" WebGL

**Context:** After the Phase 7 overhaul (multi-page, imagery, fixes), the *refined-minimal* look still read as "boring / not memorable / not unique" to Saif. We reset the direction: Saif chose **bold maximalist 2D**, wants **wide bold type (not condensed)**, **no red / monochrome**, **heavy GSAP scroll motion**, and **real Three.js/WebGL**. Approved via prototype `direction-v2-bold.html`.

**Decision, rebuild the visual language:**
- **Bold maximalist editorial**, **monochrome cream + ink** (keep light + dark; light is the showcase). **NO red / no chromatic accent**, boldness comes from massive type scale, stark contrast, and motion.
- **Type:** a WIDE, heavy display face (NOT condensed), e.g. Archivo Black / Clash Display / Bricolage Grotesque, huge, filling the viewport. Space Grotesk (UI) + Space Mono (labels). Per-locale Noto bold for non-Latin scripts stays.
- **Motion system:** Lenis + GSAP ScrollTrigger, split-text reveals, pinned scroll sequences, parallax, marquee tickers, magnetic hover, big interactive work-list rows, page transitions. Reduced-motion + RTL safe.
- **Hero WebGL "dead → alive":** a GLSL particle field (Three.js), a dormant dot-matrix that ignites into motion with cursor + scroll, literalizing "I build solutions, not **dead** software" ([WebGL Hero](/brain/webgl-hero/)). Scroll-driven ignition; lazy after LCP; capability-gated static fallback; pause off-screen.

**Keep:** all engineering + Phase 7 fixes (multi-page + nav, analytics, /brain graph, AI demo, i18n/RTL English-only, SEO, perf 95+, a11y AA, deferred-service states, real screenshots/store badges/device mockups, RTL bidi). Drop the muddy cloud backgrounds.

**Supersedes** [D003 - Visual Restraint and One WebGL Moment](/brain/d003-visual-restraint-and-one-webgl-moment/) (restraint was over-applied); **refines** [D011 - Colour Direction Stone](/brain/d011-colour-direction-stone/) (monochrome kept, but bolder + cleaner) and [D019 - Visual Richness Overhaul](/brain/d019-visual-richness-overhaul/). "Not perfect but good to go", Saif, 2026-07-17.

## Yahan se linked

- [Open Questions](/hi-latn/brain/open-questions/)
- [Portfolio Brain](/hi-latn/brain/portfolio-brain/)
- [Roadmap](/hi-latn/brain/roadmap/)

Saare notes: [/hi-latn/brain/](/hi-latn/brain/)

---

Mohd Saif, Product Engineer. I build solutions, not dead software.
Email: saifmd238@gmail.com · GitHub: https://github.com/Saif-09 · LinkedIn: https://www.linkedin.com/in/mohd-saif-134076141/ · Résumé (PDF): https://saifsiddiqui.in/resume

More for agents:
- [/llms.txt](/llms.txt): short summary of this site
- [/llms-full.txt](/llms-full.txt): the complete text of every page in one fetch
- [/agents.md](/agents.md): when to use this site, and how to query it
- [/sitemap-index.xml](/sitemap-index.xml): every URL, in seven languages