그라데이션 블러 (Apple·Vercel 스타일)

사용법

1. 3색 + 배경색 선택 (또는 프리셋)
2. 사이즈 + 블러 강도 조정
3. 구체 크기 (작을수록 강한 컬러 포인트)
4. CSS 복사 또는 PNG 다운로드

주요 기능

• 3가지 컬러 구체 + 어두운 배경
• 블러 20~300px (Apple 스타일 핵심)
• 5가지 프리셋 (다크 비비드·선셋·오로라·파스텔·일렉트릭)
• CSS만으로 구현 (radial-gradient + filter:blur)
• PNG 고해상도 출력

활용 예시

• 랜딩페이지 히어로 — Vercel·Stripe·Linear 스타일
• 제품 박스 디자인 — 신제품 강조
• 다크 모드 사이트 — 액센트 배경
• 발표 슬라이드 — 표지 배경
• 모바일 앱 스플래시

그라데이션 블러 디자인 트렌드

2023년 Vercel·Apple·OpenAI 랜딩에서 시작된 트렌드. 어두운 배경 + 블러된 컬러 구체로 미래적·세련된 분위기 연출. 기존 메시 그라데이션과 다른 점은 구체가 명확히 보이고 배경은 어두움으로 콘텐츠 가독성 유지. mesh-gradient는 전체 색이 섞이지만 이건 포인트 컬러.

자주 묻는 질문