Grain Overlay

언제 쓰나

• 모든 카드 위에 얇게(3–5% opacity) 깔아 매거진/시네마 무드
• brand·news·emotional 톤에 통일감 부여
• 톤: brand, news, emotional
• 피해야: tech·minimalist — 깨끗한 화면 방해

설치

npx hyperframes add grain-overlay

→ compositions/components/grain-overlay.html 생성.

와이어링 (컴포넌트 방식)

Shader transition과 달리 HTML/CSS 스니펫을 직접 삽입한다. compositions/components/grain-overlay.html 파일 안의 스니펫을 복사해 각 카드 안에 또는 #root 직하위에 붙인다.