예술로 열리는 당신의 일상
세종을 만나는
다섯 가지 방법.
익숙한 세종부터 Next.js 정적 웹까지.
다섯 가지 버전을 비교해 둘러보세요.
디자인 찾기 & 설계 가이드
세종문화회관 리뉴얼의 기준이 된 색상·조작 체계와 설계 문서를 검색하고 확인하실 수 있습니다.
대화로 디자인 문서 검색
처음 열면 대화형 검색 구성 요소를 불러옵니다. 기존 문서 필터 검색은 계속 사용할 수 있습니다.
인터랙티브 뷰어
뷰어 열기
v5 인터랙티브 디자인 시스템
기본 8원색, 20가지 시맨틱 변수, WCAG 2.1 명도 대비 및 실시간 클립보드 복사 인터랙션
브랜드 색상 체계
가이드 보기
웹 컬러 & Figma 토큰 가이드
하늘·땅·사람 3원색과 웹 전용 중립색 3단계, Figma Primitives & Semantic 변수 공식 명세서
사용자 경험 설계
설계 문서
방문 여정 인터랙션 계획서
공연 탐색부터 좌석 선택, 예매 완결까지 이어지는 상태 전이 및 인터랙션 흐름 규격
인터랙션 기본값
기준 보기
인터랙션 기본값 & 접근성 규격
16px 최소 본문 크기, 고정 앵커 위치, 캡슐형 상태 피드백과 모바일 터치 타깃 가이드라인
품질 검증
검수 항목
플랫 스타일 & UI 품질 검수
불필요한 입체 효과 배제와 평면 표현, 타이포그래피 정합 기준과 전 버전 통일 체크리스트
스타일 코드
CSS 코드
CSS 디자인 토큰 변수 정의
페이지 여백, 섹션 간격, 폰트 패밀리, 타이포 스케일, 전환 타이밍 CSS 커스텀 프로퍼티