Chooser — Assets

Design Assets

Color · Typography · Components · Imagery

본 프로토타입에 사용된 디자인 시스템의 핵심 자산을 정리했습니다. CI 연속성과 절제된 프리미엄 톤을 위해 컬러는 무채색 + 딥네이비 포인트, 타이포는 Pretendard 단일 패밀리로 통일했습니다.

01 Color Palette — 컬러 3 Tokens
Deep Navy #101A38 브랜드 메인 · 15-20%
White #FFFFFF 배경 · 70% 이상
Light Gray #F5F5F5 보조 · 10-15%
02 Typography — 타이포 Pretendard Variable
Display · 60-120 / 500

Connect Node, Reach the Peak.

Heading 1 · 32-56 / 600

비즈니스의 정점을 지향하는 전략적 파트너

Heading 2 · 22-30 / 500

Project & Business Advisory

Body · 16-18 / 400

노드앤피크는 프로젝트 기획, 투자 구조 검토, 기업 운영 인프라 개선, 신재생에너지 및 부동산 자산관리 영역에서 실질적인 솔루션을 제공합니다.

Eyebrow · 11-13 / 500 · 0.18em tracking

NODE AND PEAK INC. · EST. 2026

03 Logo — CI SVG · Horizontal · Vertical
가로형 로고
Horizontal · 가로형
세로형 로고
Vertical · 세로형
가로형 로고 (다크 배경)
On Dark · 다크 배경
04 Components — 컴포넌트 Buttons · Markers · Lists

Buttons

Default → Primary → Ghost on dark →

Section Marker

02 Sample — 예시 라벨 04 Items

Dot Pattern · Dot Rule

Editorial List

  • 01
    Sample Title 샘플 타이틀

    에디토리얼 리스트 컴포넌트의 단일 행 예시입니다.

  • 02
    Second Item 두 번째 항목

    행은 1px 라인으로 구분되며 hover 시 미세한 배경 변화가 적용됩니다.

05 Imagery — 사진 9 files · WebP

모든 사진은 Unsplash License (상업적 사용 가능, 출처 표기 의무 없음) 하에 제공되는 이미지입니다. 페이지당 총 이미지 용량 2MB 이하 목표를 위해 모두 WebP 포맷으로 다운로드 후 lazy-load 적용.

06 Layout — 그리드 / 브레이크포인트
Desktop≥ 901 px
Tablet721 — 900 px
Mobile L561 — 720 px
Mobile P≤ 560 px

Container max-width는 1280px, gutter는 clamp(20px, 4vw, 56px)으로 모든 폭에서 가독성과 호흡을 유지하도록 설계.