Back to Explore
#React#Tailwind CSS#Framer Motion#Three.js

브랜드 디자이너 포트폴리오-CTA 영역

브랜드 디자이너 포트폴리오-CTA 영역입니다.

브랜드 디자이너 포트폴리오-CTA 영역

Project Prompts1

Public

### 4.5. Contact / CTA Section (콜투액션 영역) - **구조**: 상단에 옅은 테두리(`border-t border-white/10`)가 있는 넓은 여백(`py-24`)의 2단 분할 레이아웃. - **좌측 (메시지)**: - 라벨: "Contact" (`font-mono`, `uppercase`, `text-white/40`) - 메인 카피: "우리 브랜드만을 위한 가이드라인을 만들고 싶다면?" (`font-display`, `text-6xl`, `leading-[1.1]`) - 서브 카피: "브랜드의 본질을 찾는 여정에 함께합니다. 언제든 편하게 연락주세요." (`text-white/60`) - **우측 (연락처 정보)**: - 이메일 링크: 대형 타이포그래피 (`text-4xl`, `font-display`), 호버 시 우상단 화살표(`ArrowUpRight`) 아이콘이 대각선 위로 이동하는 애니메이션. - 오피스 정보: "Office" 라벨과 "Seoul, South Korea" 텍스트. ### 4.6. Footer (푸터) - **구조**: 상단 테두리(`border-t border-white/10`), 좌우 분할 레이아웃. - **UI 구성**: - 좌측: 카피라이트 텍스트 ("© 2026 DESIGN STUDIO. ALL RIGHTS RESERVED.") (`text-white/40`) - 우측: 소셜 링크 (Instagram, Twitter, LinkedIn), 호버 시 흰색으로 밝아지는 효과.