02
브랜드 성격
기술적 정밀함, 차분한 표면, 하나의 따뜻한 강조색. 아래는 관찰 가능한 스타일 원칙이며 심벌의 해석이 아닙니다.
기하 구조둥근 모서리의 사각 윤곽은 공간과 접근 경계를 나타냅니다.
자료무광 그래파이트와 하나의 호박색 면.
타이포그래피크고 명확한 단어와 절제된 설명.
움직임원인 → 변화 → 결과.
03
로고
현재 사이트 구성은 심벌과 NODQ 워드마크입니다. 승인된 벡터 원본은 아직 공개되지 않아 로고를 다운로드할 수 없습니다.
NODQ
보호 여백현행 표준이 아닌 제안입니다: x = 심벌 높이의 ¼, 사방 여백 ≥ 1x.
최소 크기검증 후보: 조합은 너비 120 px 이상, 심벌은 24 px 이상. 16/32/48 px favicon은 별도 자산으로 검증이 필요합니다.제안 · 승인 필요
금지된 사용
✕ 늘이지 않기 ✕ 회전 금지 ✕ 색상 변경 금지 ✕ 다른 그림자 사용 금지
04
색상
값은 사이트 토큰 및 nodq-tokens.css / .json 파일과 일치합니다.
마우스를 올린 CTA#FFAA33
눌린 CTA#E3810C
하이라이트(그래픽)#FFBD59
그림자 면(그래픽)#D96800
보조 텍스트 · 어두운 테마#B6BCB7
보조 텍스트 · 밝은 테마#59625B
링크 · 밝은 테마#9A4A00
성공#8DD6AB / #166B40
경고#FFD08A / #875000
오류#FF9B92 / #B7342A
강조 / 선택됨✓ 성공! 경고✕ 오류
본문 · 보조 · 링크
키보드 포커스
색상 대비: #F7931A 위 #121613 ≈ 7.95:1 · #0A0C0B 위 #F5F4F0 ≈ 17.8:1 · #F5F4F0 위 #9A4A00 ≈ 5.7:1. 주황색 위에 작은 흰색 글자는 사용하지 않습니다. CMYK/Pantone은 미공개입니다.
05
타이포그래피
Onest 400/500/600/700과 주소 및 라벨용 JetBrains Mono. 값은 사이트의 실제 스타일입니다.
한글 Bb 0123Onest · 400 / 500 / 600 / 700 · 키릴 문자 및 라틴 문자보통 굵기미디엄세미볼드굵게
H1clamp(34px, 4.4vw, 58px) · 700 · 1.05 · -0.035em
Люди. Агенты. Одна сеть.
H2clamp(26px, 2.8vw, 38px) · 600 · 1.12 · -0.025em
Правила для расходов агента
Lead17–20px · 500 · 1.4 · -0.01em
Сеть для приложений, AI-сервисов и расчётов.
Body16–17px · 400 · 1.6 · 0
Агент работает в пределах бюджета, получателей и срока.
Caption13–14px · 400 · 1.45 · 0
Демонстрация · данные-образцы
라벨(고정폭)11px · 400 · 1.3 · 0.08em
Заказ #A-1042
코드 / 주소13–14px · 400 · 1.5 · 0
0x3f2c…a91e · 40,8021 NODQ
06
그리드 및 크기
컨테이너max-width 1360px
좌우 여백clamp(20px, 4.5vw, 72px)
섹션 간격clamp(48px, 6vw, 104px)
그리드 간격8 · 12 · 16 · 20 · 24 · 32 px
모서리 반경8 입력란 · 10 버튼 · 12–16 카드 · 999 라벨
선구분선 1 px · 도식 1.5 px
포커스2 px 윤곽선 + 후광
그림자메뉴와 제품 창만
07
구성요소
정적 상태 예시와 로컬 폼 예시입니다. 요청은 어디로도 전송되지 않습니다.
버튼
기본
마우스 올림
누름 상태
보조
이용 불가
탭 및 라벨
선택됨일반
데모설계 중문서 준비 중이용 가능
입력란 및 오류
08
아이콘 및 그래픽
16 / 20 / 24 px 그리드 위의 1.5–2 px Lucide 선형 아이콘과 제품 공통 시각 언어.
file-textreceiptmessages-squareusersfoldersearchplugflag
선형, 채움형, 입체형 아이콘 묶음을 섞지 마세요.스페이스
에이전트
권한
정산
09
움직임
한 번에 예시 하나만 표시합니다. 곡선은 cubic-bezier(0.2, 0.8, 0.2, 1)입니다. 시스템의 “움직임 줄이기”가 켜지면 마지막 프레임을 표시합니다.
버튼 / 탭
180밀리초 · 마우스 올리기, 선택
상태 변경
350밀리초 · 새 상태
브랜드 경로
1000밀리초 · 한 번의 조작
10
프레젠테이션 표지, 공지 카드, 파트너와의 공동 배치는 승인된 자료가 없어 표시하지 않습니다.활용 예시
실제 사이트 페이지에도 같은 규칙을 적용합니다.
11
자료 다운로드
존재하는 파일만 공개합니다. 전체 ZIP 패키지는 아직 준비되지 않았습니다.
12
버전 및 의견
v0.12026년 시월 9일 · 가이드 첫 공개: 색상, 타이포그래피, 구성요소, 토큰. 초안.