Design System
DLAB의 브랜드 아이덴티티와 UI 컴포넌트를 정의한 디자인 가이드입니다.
일관된 사용자 경험을 위해 아래의 가이드를 준수합니다.
Brand Colors
Primary Green
#00a859
메인 브랜드 컬러, 버튼, 강조 텍스트
Dark Green
#008a47
호버 상태, 깊이감 표현
Accent Green
#00d670
그라데이션, 보조 강조
Error
시스템 오류, 삭제 등 위험 작업
Warning
주의사항, 확인 필요
Success
작업 완료, 긍정적 메시지
Typography
Noto Serif KR
Headings, Emotional contexts
Pretendard
Body text, UI Elements, Data
Display Heading
font-serif text-5xl
Section Title Style
font-bold text-3xl
Component Heading
font-bold text-xl
본문 텍스트입니다. 가독성을 최우선으로 하며, 줄간격(Line-height)은 1.6~1.8을 유지합니다. 색상은 순수한 검정(#000)보다는 #374151 또는 #4B5563을 사용하여 눈의 피로를 줄입니다. 한글 폰트로는 Pretendard를 사용하여 모던하고 깔끔한 인상을 전달합니다.
text-base text-gray-600 leading-relaxed
UI Components
Buttons & Interaction
.btn-primary
.btn-outline
Floating Action
Premium Design Template
고객의 비즈니스에 최적화된 프리미엄 디자인 템플릿을 제공합니다. 반응형 웹, SEO 최적화가 기본으로 적용되어 있습니다.
Cyber Security
안전한 보안 시스템 구축과 데이터 암호화 서비스.