시스템 소개About

좋은 디자인 시스템은 같은 판단을 매번 새로 내리지 않게 해주는 기반입니다. 색과 타이포를 정하고, 버튼과 폼을 만들고, 접근성 기준을 점검하는 일 — 개편 프로젝트에서 이런 판단이 섹션마다 따로따로 내려지면 결과물이 어긋나게 됩니다.

주님의교회 PCL 디자인 시스템은 디자이너 · 개발자 · TF 전문위원이같은 기준 위에서 작업할 수 있도록 만든 내부 참고 시스템입니다. 토큰 · 컴포넌트 · 패턴을 한 벌로 준비해 두고, 홈페이지 전반에 걸쳐 일관된 브랜드와 접근성을 동시에 확보합니다.

베이스는 범용 디자인 시스템인 Foundry(MIT)를 포크해서 시작했고, 그 위에 주님의교회 PCL 브랜드와 교회 서비스 맥락에 맞춘 변경이 올라가 있습니다.

1. 재사용성 — 한 번 정의하고 개편 전반에서 꺼내 씁니다. 모든 컴포넌트는 시맨틱 토큰만 참조합니다.

2. 접근성 기본값 — AA 수준이 기본. 시니어 성도도 키보드 · 스크린리더 · 대비 측면에서 무리 없이 쓸 수 있는 품질을 목표합니다.

3. 브랜드 일관성 — 로고 컬러 #955E29와 warm stone 중립톤을 전 페이지에 일관되게 적용해 묵직하고 따뜻한 교회 톤을 유지합니다.

4. 성능 우선 — Next.js · Turbopack · Pretendard Variable 조합으로 정적 배포 시 FCP 1초 이내를 목표합니다. 방문자 디바이스·네트워크 여건을 폭넓게 가정합니다.