DH-TWIN BRAND SYSTEM

하나의 언어로
브랜드를 설계합니다.

로고·색상·서체·그리드·그래픽 모티프를 하나의 기준선으로 연결하고,
DH-TWIN의 데이터와 확인 방식을 일관된 시각 언어로 전달합니다.
DH-TWIN · LOGO ANATOMYANALYSIS ACTIVE
DSTRUCTURE건축 · 공간 · 물성01
TINTERFACE번역 · 대조 · 검증02
HNETWORK데이터 · 연결 · 확장03
01MASTER RATIO700 × 615
02CLEAR SPACESYMBOL · 1X
03COLOR AXISRED ↔ BLUE
04WORDMARKFIXED ALIGNMENT

그리드, 좌표와 네트워크 사이,
연결의 중심을 디자인합니다.

붉은 D는 건축과 물리적 구조를, 푸른 H는 데이터와 디지털 네트워크를 뜻합니다.
중앙의 T는 두 영역을 기준에 따라 연결하는 인터페이스이자 DH-TWIN의 역할입니다.
01. MAIN LOGOACTIVE
DSTRUCTUREHNETWORKTBRIDGE∞TWIN⬡HUB
02. CORPORATE & PRODUCT MARKS
DH-TWINCORPORATE
DATAPACKD · DATA
HUBPACKH · HUB
TWINPACKT · TWIN

DH-TWIN LOGO DNAD · STRUCTURE→H · NETWORK→T · TRUST로고 안의 D·H·T 구조를 추출해 DATAPACK·HUBPACK·TWINPACK의 제품 식별 체계로 확장합니다.

03. COLOR SYSTEM

구조의 적색과 네트워크의 청색이 어두운 데이터 공간에서 만나 신뢰 가능한 인터페이스를 형성합니다.

RED#C8102ESTRUCTURE
BLUE#1D5FAFNETWORK
GRAPHITE#182331TRUST
CONSTRUCTION GRAY#D9DDE2STRUCTURE
GRID LIGHT#EEF1F4GRID
WHITE#FFFFFFCLARITY
DT · BRIDGEH
04. TYPOGRAPHY

DH-TWIN

AaSora · IBM Plex Mono가나다Pretendard
05. GRID SYSTEM
  • HEXAGON안정성 · 균형
  • GRID정렬 · 체계
  • MODULE확장 · 조합
06. GRAPHIC MOTIF
GRID
CONNECTION
DATA FLOW
INTERFACE
DIGITAL TWIN
07. ICON SYSTEM
ARCHITECTURE공간 구조
BIM모델 정보
DATA원본 보존
SCAN현장 기록
VERIFY기준 검증
TWIN상태 연결
CONNECT관계 추적
RULE판단 기준
EVIDENCE근거 이력
SECURITY접근 통제
08. D-H-T PRODUCT VALUE SYSTEM
DATAPACKREUSE EFFICIENCY
재사용 기준이 누적됩니다.

데이터 기준화와 재사용 이력을 축적합니다.

STANDARDREUSEEVIDENCE01
HUBPACKCONNECTED AUTOMATION
자동화 범위가 확장됩니다.

연결·자동화·검증 흐름을 하나로 운영합니다.

CONNECTAUTOMATEVALIDATE02
TWINPACKDESIGN + REALITY
계획과 현실을 함께 검증합니다.

법규·설계와 스캔 현실의 차이를 검증합니다.

RULEDESIGNSCAN03

하나의 기준이
다음 규칙으로 이어집니다.

심벌에서 시작한 구조는 제품 마크와 색상, 서체, 그리드로 확장되고 그래픽·아이콘·제품 가치로 완성됩니다.
각 규칙은 따로 존재하지 않고 같은 기준선과 연결 논리를 공유합니다.
02CORPORATE & PRODUCT MARKSBRAND RULE 02

하나의 로고 DNA를 세 가지 제품 언어로 확장합니다.

제품 마크는 메인 로고와 별개의 장식물이 아니라 D·H·T의 역할을 제품 단위로 분해한 식별 체계입니다.
같은 정육각형 프레임과 선의 문법을 공유해 세 제품이 하나의 시스템이라는 인상을 유지합니다.

MEANING
DATAPACK의 D는 기준화된 데이터와 재사용 자산, HUBPACK의 H는 프로그램과 업무의 연결, TWINPACK의 T는 법규 기반 계획과 스캔 기반 현실을 비교하는 검증 지점을 뜻합니다. 문자는 모두 그라파이트로 통일하고 제품 역할은 프레임과 연결선의 적색·청색 배치로 구분합니다.
IN PRACTICE
제품 카드·기능 소개·다운로드 파일·패키지 화면에서는 해당 제품 마크와 정식 제품명을 함께 사용합니다. 세 제품이 나란히 배치될 때는 마크 높이, 글자 시작선, 설명의 첫 기준선을 동일하게 맞춥니다.
USE PRINCIPLES
  • 세 마크의 정육각형 크기와 중심선 통일
  • D·H·T 문자 무게와 그라파이트 색상 통일
  • PROJECT는 서비스이므로 네 번째 PACK으로 표현하지 않음
datapack 마크DATAPACKhubpack 마크HUBPACKtwinpack 마크TWINPACK
03COLOR SYSTEMBRAND RULE 03

색상마다 기능과 책임을 부여합니다.

색상은 페이지를 화려하게 만드는 장식이 아니라 정보의 출처와 역할을 구분하는 표식입니다.
사용자는 적색과 청색의 위치만 보아도 구조에서 시작해 데이터로 이어지는 흐름을 이해할 수 있어야 합니다.

MEANING
RED는 건축 구조·물리적 기준·주의 지점을, BLUE는 데이터·네트워크·연결 상태를 나타냅니다. GRAPHITE는 판정과 신뢰의 중심, CONSTRUCTION GRAY와 GRID LIGHT는 좌표·보조선·비활성 정보, WHITE는 정보가 명확히 읽히는 여백을 담당합니다.
IN PRACTICE
제목 전체를 강조색으로 칠하기보다 핵심 단어, 기준점, 상태 변화처럼 의미가 발생하는 지점에 제한적으로 사용합니다. 그래프에서는 출발값을 적색, 연결·확장값을 청색, 확정 결과를 그라파이트 또는 흰색으로 구분합니다.
USE PRINCIPLES
  • 강조색의 면적보다 정보 역할을 우선
  • 한 컴포넌트의 주 강조색은 하나만 선택
  • 회색과 흰색으로 충분한 읽기 대비 확보
REDSTRUCTUREBLUENETWORKGRAPHITETRUSTGRAYSUPPORT
04TYPOGRAPHYBRAND RULE 04

정보의 위계를 일관된 크기와 간격으로 전달합니다.

DH-TWIN의 타이포그래피는 기술 문서의 정확성과 브랜드 메시지의 명료함을 함께 유지해야 합니다.
제목·본문·데이터·상태값이 서로 다른 목소리로 보이지 않도록 크기와 행간, 시작선을 체계적으로 관리합니다.

MEANING
Sora는 영문 제품명과 핵심 라벨, IBM Plex Mono는 번호·좌표·버전·상태값처럼 데이터 성격이 강한 정보에 사용합니다. Pretendard는 한국어 제목과 긴 설명에서 빠른 이해와 안정적인 문장 흐름을 담당합니다.
IN PRACTICE
한 화면의 가장 큰 문장은 핵심 메시지 하나에만 사용합니다. 섹션 제목은 같은 크기와 왼쪽 기준선을 공유하고, 카드 제목과 본문은 반복 가능한 간격으로 구성합니다. 영문 대문자 라벨은 작은 크기에서도 자간을 확보하되 워드마크를 흉내 내 과도하게 벌리지 않습니다.
USE PRINCIPLES
  • 동일한 위계는 페이지가 달라도 크기·행간 통일
  • 본문은 문장 단위 줄바꿈과 충분한 행간 확보
  • 데이터 라벨과 일반 본문의 서체 역할 분리
DH-TWIN건축의 기준을 데이터로.01 · COORDINATE · REVISION같은 위계, 같은 시작선, 같은 읽기 순서
05GRID SYSTEMBRAND RULE 05

정육각형과 기준선으로 확장 가능한 질서를 만듭니다.

그리드는 요소를 예쁘게 정렬하는 배경이 아니라 서로 다른 데이터가 어떤 기준에서 만나는지 보여주는 구조입니다.
작은 카드부터 3840×2160의 CI 보드까지 같은 모듈 논리로 확장됩니다.

MEANING
정육각형은 여섯 방향으로 확장되는 연결성과 균형을, 직교 그리드는 좌표·측정·정렬을 의미합니다. 중심 노드에서 뻗는 방사선은 하나의 기준이 여러 프로그램과 데이터로 연결되는 관계를 표현합니다.
IN PRACTICE
페이지에서는 콘텐츠 시작선과 카드 분할선을 먼저 정하고 심벌·텍스트·그래프의 중심을 그 기준에 맞춥니다. 배경 그리드는 정보보다 한 단계 낮은 명도로 사용하고, 정육각형은 핵심 노드나 제품 마크처럼 의미가 분명한 위치에만 배치합니다.
USE PRINCIPLES
  • 정육각형은 정비례를 유지하고 임의로 늘이지 않음
  • 콘텐츠 시작선과 카드 경계선을 우선 정렬
  • 그리드 선은 본문보다 낮은 대비로 유지
REFERENCE
GRID
06GRAPHIC MOTIFBRAND RULE 06

데이터가 이동하고 검증되는 과정을 선으로 보여줍니다.

가는 선, 작은 노드, 좌표축, 궤도는 장식적인 테크 패턴이 아니라 데이터가 어디에서 출발해 어떤 기준을 거쳐 어디에 도착하는지를 보여주는 시각적 기록입니다.

MEANING
GRID는 기준 공간, CONNECTION은 데이터 관계, DATA FLOW는 이동과 변환, INTERFACE는 판정 지점, DIGITAL TWIN은 현실과 모델이 함께 유지되는 상태를 뜻합니다. 적색에서 청색으로 이어지는 선 사이의 은색 지점은 비교와 검증의 순간을 나타냅니다.
IN PRACTICE
연결선은 0.5~1px 수준으로 얇게 유지하고 실제 노드 사이를 연결합니다. 모든 선을 같은 강도로 보이지 않게 하며, 현재 설명하는 경로만 강조합니다. 스케치 느낌은 정렬을 무너뜨리는 흔들림이 아니라 여러 관측 경로가 겹쳐지는 밀도로 만듭니다.
USE PRINCIPLES
  • 선에는 반드시 시작점과 종점이 존재
  • 중요 노드만 색상과 광도로 강조
  • 배경 모티프가 텍스트 가독성을 침범하지 않음
DATA FLOW
07ICON SYSTEMBRAND RULE 07

복잡한 기술을 짧고 동일한 문법으로 설명합니다.

아이콘은 긴 기술 설명을 대신하는 기능 표지입니다.
서로 다른 페이지에서도 같은 개념은 같은 아이콘과 명칭으로 반복되어 사용자가 학습한 의미를 계속 활용할 수 있어야 합니다.

MEANING
ARCHITECTURE·BIM·DATA·SCAN은 데이터의 출처, VERIFY·EVIDENCE·SECURITY는 확인 과정을, CONNECT·TWIN·RULE은 데이터를 다루는 방식을 나타냅니다. 모든 아이콘은 동일한 선 굵기와 육각형 필드 안에서 하나의 패밀리로 보이게 합니다.
IN PRACTICE
기능 카드에는 가장 핵심적인 아이콘 하나를 우선 배치하고 보조 개념은 텍스트로 설명합니다. 아이콘 아래에는 영문 기능명과 짧은 한국어 의미를 함께 두어 시각 기호만으로 의미를 추측하게 만들지 않습니다.
USE PRINCIPLES
  • 동일 개념에는 항상 동일 아이콘 사용
  • 한 카드의 주 아이콘은 하나만 선택
  • 선 굵기·필드 크기·라벨 위치를 통일
01ARCH02BIM03DATA04SCAN05VERIFY06TWIN07CONNECT08SECURITY
08PRODUCT VALUE SYSTEMBRAND RULE 08

각 PACK의 가치를 서로 다른 데이터 그래프로 증명합니다.

제품 가치는 기능 목록보다 사용 전후에 무엇이 달라지는지로 설명합니다.
각 PACK은 목적이 다르기 때문에 같은 그래프를 반복하지 않고, 제품이 축적하는 결과를 가장 잘 보여주는 시각 언어를 사용합니다.

MEANING
DATAPACK은 재사용할수록 줄어드는 재작성과 높아지는 효율을 누적 막대로 표현합니다. HUBPACK은 연결되는 프로그램과 자동화 범위가 늘어나는 과정을 네트워크로, TWINPACK은 법규 기반 계획과 스캔 기반 현실이 중앙의 비교 지점에서 만나는 이중 궤도로 나타냅니다.
IN PRACTICE
제품 소개에는 현재 상태, 변화 방향, 검증 가능한 결과를 한 문장과 하나의 그래프로 묶습니다. 수치가 없는 개념도 축적·확장·비교처럼 명확한 관계로 표현하고, 향후 실제 지표가 확보되면 동일한 그래프 구조에 데이터를 연결합니다.
USE PRINCIPLES
  • DATAPACK·HUBPACK·TWINPACK 그래프를 서로 구분
  • 기능보다 사용자에게 남는 결과를 먼저 설명
  • 근거 없는 수치 대신 검증 가능한 관계를 표현
DHT

CONTACT DH-TWIN

데이터와 기술을 연결해,
다음 프로젝트의 미래를 설계합니다.

제품 Demo · 프로젝트 적용 · 데이터·라이브러리 협력 · 기술 파트너십
기술 문의하기 →