아이콘 · 현재 메뉴
아이콘은 선택 사항이며, 현재 메뉴와 키보드 포커스를 구분합니다.
Navigation · NavigationLinkYOUR IDEAS, CONNECTED
작은 아이디어가 모이는 곳
프로젝트의 흐름을 한눈에 살펴보세요.
전체 프로젝트
12개
이번 달 +2 프로젝트
정상 운영
99.9%
● 안정적으로 운영 중
최근 업데이트
24회
지난 7일 기준
내 프로젝트
샘플 4개| 프로젝트 | 상태 | 업데이트 |
|---|---|---|
| Project Atlas회사 정보 · 데이터 탐색 | 운영 중 | 12분 전 |
| Weekend Lab게임 · 취미 프로젝트 | 운영 중 | 1시간 전 |
| Workspace Console인프라 · 관리 도구 | 운영 중 | 3시간 전 |
| Next Idea새로운 실험 | 개발 중 | 어제 |
일치하는 프로젝트가 없어요.
이번 주 활동
↗ 18%꾸준히, 조금씩 앞으로.
월요일일요일
최근 소식
↗
Project Atlas 업데이트검색 경험을 개선했어요 · 12분 전
✓
서비스 점검 완료모든 서비스가 정상이에요 · 1시간 전
BRAND FOUNDATIONS
하나의 심볼에서, 모든 서비스로.
선택한 키컬러는 주요 동작과 선택 상태에 적용합니다. 심볼의 원래 색상은 유지합니다.
성공·주의·오류는 브랜드 색상과 구분된 상태 색상을 사용합니다.
Brand Blue#3B82F6 · 브랜드 원색
Action Blue#2563EB · 주요 버튼
Signature Orange#FF6900 · 심볼 포인트
Slate선명한 본문 · 중립 배경
DATA & LAYOUT PATTERNS
데이터는 강조하고, 형태는 상황에 맞게.
아래는 한 프로젝트에서 고른 색상 매핑 예시입니다. 다른 프로젝트에서는 팔레트를 자유롭게 선택할 수 있습니다. 수치는 가상 데이터입니다.
추정 평균 급여5,240만원이 예시의 선택 · 틸
서비스 이용자1,280명이 예시의 선택 · 블루
월간 순증+48명이 예시의 선택 · 오렌지
레이아웃 선택 기준
카드: 독립적인 항목 탐색 / 통합 패널: 서로 관련된 지표 요약 / 표·리스트: 비교와 스캔 / 본문: 읽기 흐름
증가와 감소를 성공·오류와 동일시하지 않습니다. 색상 외에도 라벨·단위·기호로 의미를 전달합니다.
COMPONENT PLAYGROUND
서비스를 만드는 공통 재료들
버튼 크기 · S / M / L
작은 보조 동작부터 주요 동작까지. 높이 32 / 40 / 48px로 비교합니다.
SMALL · 32px
MEDIUM · 40px
LARGE · 48px
상태 · 배지
키컬러를 바꿔도 상태 의미는 유지합니다.
● 정상 운영! 확인 필요× 오류 발생정보초안
저장이 완료되었어요
변경한 설정이 적용되었습니다.
변경한 설정이 적용되었습니다.
입력 · 유효성 검사
체크박스 · 라디오 · 스위치
탭 · 콘텐츠 전환
프로젝트 개요
서비스의 목적과 현재 진행 상황을 확인합니다.
드롭다운 · 선택 필드
펼쳐진 목록까지 공통 테마를 적용합니다. 방향키·Home·End·Enter·Esc로 조작할 수 있습니다.
진행률 · 로딩
데이터 동기화68%
로딩 중에도 콘텐츠의 위치를 유지합니다.
버튼 · 액션
강조 수준과 위험한 동작을 구분합니다.
아코디언 · 도움말
테마는 어떻게 적용되나요?
밝기와 키컬러를 독립적으로 선택합니다. 모든 컴포넌트가 같은 디자인 토큰을 공유합니다.
오렌지와 오류는 어떻게 구분하나요?
오렌지는 주요 동작에, 오류는 붉은색과 오류 문구에 사용합니다. 색상 외에도 아이콘과 텍스트로 의미를 전달합니다.
서비스별로 확장할 수 있나요?
같은 폰트, 간격, 형태를 유지하면서 필요한 화면과 전용 컴포넌트를 추가합니다.
빈 상태 · 페이지네이션
＋
첫 아이디어를 추가해보세요프로젝트를 만들면 이곳에 표시됩니다.
알림 · 메시지
ⓘ 새로운 업데이트
새로운 기능을 확인해보세요.
! 확인이 필요해요
연결 설정을 검토해주세요.
× 연결하지 못했어요
잠시 후 다시 시도해주세요.
디자인 기준: 카드 16px · 버튼 10px · 부드러운 그림자 · 읽기 편한 중립 글자색
실제 서비스 연결은 없습니다. 검색·필터·버튼은 디자인 확인용으로 동작합니다.