주님의교회 PCL · Design System

주님의교회 PCL 홈페이지 디자인 시스템.

원칙 · 토큰 · 컴포넌트 · 교회 서비스 패턴을 한 곳에서 제공합니다. 디자이너와 개발자가 같은 기준 위에서 작업해 일관된 브랜드와 접근성을 동시에 확보합니다.

For Every Role

디자이너 · 개발자 · TF 전문위원 모두를 위한 디자인 시스템 가이드.

Explore

News

초판 공개2026.04
주님의교회 PCL 디자인 시스템 v0.1.0
브랜드 컬러·로고·타이포 토큰과 55개 기본 컴포넌트를 포함한 초판 공개. 홈페이지 개편의 공통 기반으로 사용됩니다.
패턴2026.04
교회 서비스 패턴 1차: 예배·설교·새가족
예배 안내·설교 아카이브·새가족 안내 3개 서비스 패턴이 우선 공개. 다음 릴리즈에서 주보·교역자 소개 추가 예정.
업데이트2026.04
브랜드 토큰 정립 — #955E29 중심
로고 컬러를 기반으로 한 브론즈 팔레트와 warm stone 중립톤 정립. 향후 확장에서도 이 팔레트를 유지합니다.

FAQ

더 궁금한 점이 있다면 GitHub 저장소에 문의해 주세요.

이 디자인 시스템은 누가 쓰나요?
주님의교회 PCL 홈페이지 개편에 함께하는 디자이너·개발자·TF 전문위원이 같은 기준으로 작업할 수 있도록 만든 내부 참고 시스템입니다. 의사결정은 TF 전문위원회가 합니다.
브랜드 컬러는 어떻게 정해졌나요?
주님의교회 PCL 로고의 단일 컬러 #955E29(warm bronze)를 브랜드 코어로 정하고, 그에 조화되는 warm stone 중립톤을 확장 팔레트로 구성했습니다. 묵직하고 따뜻한 교회 톤을 유지합니다.
접근성(WCAG)은 어느 수준인가요?
AA 수준을 기본값으로 합니다. 색 대비 4.5:1, 키보드 전면 지원, 스크린리더 라벨, 포커스 링 — 시니어 성도도 무리 없이 사용할 수 있는 품질을 목표로 합니다.
Figma 라이브러리는 언제 공개되나요?
1차 개편 중 코드·토큰을 먼저 안정화하고, 이후 디자인팀과 협업해 Figma 라이브러리를 정리합니다. 우선은 이 문서 사이트와 GitHub 저장소를 참고 기준으로 사용해 주세요.