Expression
방향 브리프, 이름 붙은 표현 방향, 그라디언트·질감·WebGL 기법을 값과 함께 살펴보세요.
이 자료로 구현하기
원문 주소와 버전이 포함된 요청문입니다. 복사한 뒤 만들 화면과 요구사항을 채워 에이전트에게 전달하세요.
The Expression domain owns art direction for finished product pages: type pairing, palette, gradient and texture, WebGL atmosphere, copy register, and the density of expressive moments.
Scope Boundary
In scope: art-direction briefs, named directions with concrete starting values, visual technique recipes with copy-ready code, and the policy for unofficial brand studies.
Out of scope: layout mechanics and scroll ownership (Layout), timing, interruption, and motion review (Motion), component state contracts (Design Engineering), shared token schemas (consumer reference), and any decorative value inside reusable Layout pattern CSS.
Start Here
| Task | Route |
|---|---|
| Decide what a page should feel like before building it. | Expression Direction Brief |
| Start from a complete dark editorial system. | Nocturne Editorial Direction |
| Start from a complete light, warm, print-like system. | Warm Print Direction |
| Add glowing, drifting color behind content. | Gradient Atmosphere |
| Add film grain, noise, or paper texture. | Grain And Texture |
| Put a live WebGL field behind a hero. | WebGL Hero Field |
| Reinterpret a real brand as an unofficial study. | Brand Studies |
Build the result in Showcase and add motion from Motion techniques.
How Expression Relates To Other Domains
- Layout is the floor. An Expression direction never changes a Layout pattern; a page composes patterns and adds expression in its own product CSS.
- Motion owns how things move. Expression names the motion density a direction wants, and Motion techniques implement it.
- Design Engineering reference profiles are governed token fixtures. Expression directions are starting points for product work and are not validated tokens.
These pages are experimental. Their values are proposals chosen for a mood, not measured outcomes. Review a direction when a showcase work built on it fails its outcome checks or reads poorly in its screenshots.
Domain Contract
See StyleGallery Domains for lifecycle, provenance, page membership, and staleness rules.
IA Navigation
Parent: StyleGallery. Next: Expression Direction Brief.