# Visual concept gate

Status: `accepted_after_corrective_v2`

Allowed statuses: `accepted`, `accepted_after_corrective_v2`, `ready_for_implementation`,
`marius_approved_exemption`, `not_applicable_for_nonvisual`.

Use this before implementation for websites, landing pages,
client/local-business demos, public brand pages, visual product pages and
creative frontend work. Do not implement while status is `pending`.

## Model route evidence

- Route/model/effort used in current session: `gpt-5.4-mini / medium (normal_coding)` router notice.
- Strongest available Codex/OpenAI model confirmed: not confirmed for implementation yet.
- Router bypass/downroute override note: orchestrator policy requires strongest available Codex/OpenAI model for visual implementation, browser QA and post-QA critique. Current lower router recommendation is recorded and must be bypassed before coding.

## Concept artifacts

- Concept method: browser reference + text concept draft accepted by Marius, then corrected after Marius rejected the restrained/static interpretation. The accepted visual concept is now waveform / radio signal as a cinematic scroll-film, not a simple waveform panel.
- Concept artifact paths or URLs:
  - `research/design-source-map.md`
  - `research/design-intelligence.md`
  - Codrops sticky scroll reference: https://tympanus.net/codrops/2024/01/31/on-scroll-animation-ideas-for-sticky-sections/
  - Radio UX reference: https://pro.radio/guides/best-radio-station-website-design/
- Prior reference / effect research used: Codex recall for WeAreBrand and L'Ancuta sessions; L'Ancuta mechanics used as benchmark: sticky scroll-film, portal/window zoom, active chapter/progress rail, image/text transforms, blur-to-clear reveals and downstream section motion.
- Reference-level effect mechanics selected: broadcast signal portal, long pinned hero, native scroll progress CSS variables, zoom/rotate portal transform, waveform stroke draw, active chapter rail, kinetic typography, real media layer swaps and staggered blur-to-clear downstream panels.
- Marius acceptance: accepted in chat on 2026-05-26: "prob localImplementation pentru Pop Media Site și accept conceptul waveform/semnal radio."
- Corrective note: on 2026-05-26 Marius clarified that the site should use the earlier visual-effects research, including WeAreBrand/L'Ancuta style scroll effects, not a quiet static layout.
- Section concepts covered: hero, navigation/menu, text sections, product/service cards, gallery/proof, CTA/contact, footer are mapped in `plan/implementation-plan.md`.
- Above-the-fold copy approved: approved at direction level; exact final Romanian copy may be refined during local implementation without adding unapproved commercial claims.
- Static downgrade rejected unless approved: a static hero plus cards is explicitly not accepted for this project after Marius's corrective feedback.

## Scroll-film contract mapping

- Design diversity controls: `DESIGN_VARIANCE=7`, `MOTION_INTENSITY=6`, `VISUAL_DENSITY=6`.
- Effect palette: broadcast waveform/signal hero implemented as a portal/zoom-through scene, sticky pinned scroll-film, active chapter rail, oversized kinetic typography, real media layers, signal rings, waveform stroke draw, blur-to-clear reveals and staggered downstream panels.
- Recently used styles/effects to avoid: do not clone existing Radio Belgia frontend theme; avoid generic gradient-orb SaaS, beige premium restaurant look, card-only static layout and hidden CTA/player.
- Sticky/pinned stage: one long hero/story stage with local scroll progress.
- Native scroll progress: CSS variable or small scroll helper.
- Domain object/material/process portal/mask/frame: waveform / broadcast signal.
- Chapter/progress markers: live, stories, events, sponsors, partners.
- Scroll-tied image/text transforms: hero media swaps by chapter, portal scales/rotates/zooms, headline exits with scale/blur, waveform draws across the scene and active story copy updates by scroll position.
- Downstream section participation: ecosystem/proof/media/offer/contact sections inherit signal motif with blur-to-clear reveals, staggered panels and stronger media rhythm.
- Hero/menu/text/cards/CTA/contact participation: hero uses pinned portal and chapter rail, navigation stays sticky over the film, text exits with scale/blur, cards reveal with staggered blur-to-clear motion, media cards use stronger visual rhythm, and CTA/contact remains part of the same signal-language visual system.
- Reduced-motion fallback: render all sections normally with no pinned transforms.

## Browser QA plan

- Desktop viewport(s): 1440x900 and 1280x800.
- Mobile viewport(s): 390x844 and 430x932.
- Scroll checkpoints: 0%, 25%, 50%, 75%, 100%.
- Evidence to capture: screenshots, no overlap/clipping, CTA visibility, reduced-motion state and computed transform/opacity changes.
- Evidence that transforms/opacity/blur/clip-path actually change: browser QA verifies scroll checkpoints, active chapter changes, portal transform changes, hero opacity/blur changes, no overflow and no broken images on desktop/mobile.
- Post-QA critique owner: Codex using strongest available route after implementation approval.

## Stop conditions

- Status remains `pending`.
- No strongest-model route evidence is recorded.
- No visual concept artifact/reference exists and no Marius-approved exemption
  is recorded.
- Scroll-film mapping is generic or missing for a client-facing visual site.
- Desktop/mobile QA cannot confirm scroll progress, readability, no overlap and
  reachable primary actions.
