TA.KRDS

KRDS 기반 관공서 웹 템플릿

정부 표준 디자인 시스템(KRDS)을 완벽하게 통합한 관공서 웹 템플릿입니다.
빠른 개발과 유지보수가 가능하며, 정부 표준을 준수하는 일관성 있는 웹 서비스를 구축할 수 있습니다.

다운로드

TA.KRDS는 생각과현실에서 제공하는 관공서 웹 템플릿입니다.

TA.KRDS 다운로드

위 버튼을 클릭하여 TA.KRDS_20250830.zip 파일을 다운로드하세요. (20MB)

📄 제작사 정보

생각과현실에서 개발한 관공서 웹 템플릿입니다.

버전: 1.0.0 | 제작사: 생각과현실

주요 특징

정부 표준 준수

KRDS(Korean Government Design System) 완벽 통합으로 정부 표준 디자인 가이드라인을 준수합니다.

반응형 디자인

모바일, 태블릿, 데스크톱 모든 디바이스에서 최적화된 사용자 경험을 제공합니다.

개발자 친화적

모듈화된 SCSS 구조와 자동화된 빌드 시스템으로 빠른 개발과 유지보수가 가능합니다.

디자인 토큰

일관된 색상, 폰트, 간격 시스템으로 브랜드 아이덴티티를 유지할 수 있습니다.

컴포넌트 기반

재사용 가능한 컴포넌트 라이브러리로 일관성 있는 UI/UX를 구축할 수 있습니다.

빠른 구축

완성된 템플릿과 샘플 페이지로 프로젝트 시작 시간을 단축할 수 있습니다.

기술 사양

🎨 디자인 시스템

  • KRDS 1.0 기반
  • Pretendard GOV 폰트
  • 정부 표준 색상 팔레트
  • 일관된 간격 시스템

💻 개발 환경

  • SCSS/Sass 지원
  • 모듈화된 구조
  • 자동화된 빌드
  • 소스맵 생성

📱 반응형 지원

  • Mobile: 768px 이하
  • Tablet: 769px~1024px
  • Desktop: 1025px 이상
  • Flexbox/Grid 레이아웃

🔧 빌드 도구

  • npm 스크립트
  • SCSS 컴파일러
  • Live Server
  • 파일 감시 모드

샘플 페이지

메인 페이지

로그인 전/후 메인 화면과 빠른 메뉴를 포함한 완성된 메인 페이지 템플릿

메뉴 구조

depth2 메뉴 구조와 샘플 페이지로 IA 설계 가이드를 제공

컴포넌트

버튼, 카드, 폼 등 재사용 가능한 UI 컴포넌트 라이브러리

시작하기

간단한 3단계로 시작하세요

  1. 다운로드: TA.KRDS_20250830.zip 파일을 다운로드하고 압축을 해제합니다.
  2. 설치: 프로젝트 폴더에서 npm install을 실행합니다.
  3. 실행: npm start로 개발 서버를 시작합니다.
홈으로 돌아가기