가이드
선형 vs 원형 그라디언트: 무엇을 써야 할까?
레이아웃 방향, 시선 집중, 가독성을 기준으로 선형과 원형 그라디언트를 선택하세요.
취향보다 레이아웃 구조에 맞춰 고르면 대부분의 그라디언트 결정이 훨씬 쉬워집니다.
Use linear for directional layouts
Linear gradients naturally follow horizontal or vertical content flow.
They are easier to keep subtle across full-width sections.
Use radial for single focal areas
Radial gradients pull attention toward a center area.
Use them sparingly behind one message or one CTA block.
Avoid mixing both in one small region
Layering linear and radial gradients too closely can feel busy.
Choose one primary gradient behavior per component.
Run a readability check before finalizing
Always test heading, body text, and button states on top of the gradient.
- Normal text state
- Hover/focus state
- Mobile viewport
Common decisions
- Choosing hero section direction.
- Highlighting one CTA area.
- Reducing visual noise in content-heavy pages.
Match gradient shape to content structure
Use linear for flow and radial for focal emphasis, then validate with real content.