큐레이션 · 오픈 · 무료

Holographik

전략 중심 디자인 스튜디오. 브랜드와 비주얼 시스템을 창조합니다.

01

디자인 DNA

대담하고 깔끔한 미학의 하이엔드 디자인 스튜디오

02

컬러

깔끔하고 중립적인 배경 위의 고대비 조화.

03

타이포그래피

geometric-sans · grotesque-sans

• display120px · 700
• body16px · 400

주요 전시용 텍스트는 모두 대문자 사용. · 제목에는 기하학적 산세리프 폰트 사용. · 전시용 텍스트와 본문 텍스트 간의 크기 대비를 강조.

04

여백

표준 4px 베이스 그리드.

05

표면 (라운드 / 그림자 / 경계선)

최소화 또는 미사용.

06

레이아웃

하단 정렬 대형 타이포그래피가 적용된 풀블리드 히어로 섹션.

07

모션과 인터랙션

링크의 미세한 hover 트랜지션. · 3D 오브젝트에는 느리고 반복적인 회전 또는 이동 애니메이션이 적용될 가능성이 높음.

링크에 색상 전환 효과. · 최소한의 피드백.

08

컴포넌트

• button 미니멀 스타일. 고대비의 알약 형태 버튼이 적용될 가능성이 높음.
• card 보이지 않음.
• chip 보이지 않음.
• input 보이지 않음.
• hero 3D 추상 오브젝트와 대형 오버레이 텍스트가 적용된 풀뷰포트 히어로.

09

보이스와 금지 목록

• 톤 자신감 넘치고, 전문적이며, 대담한 어조.
• 헤드라인 대형 대문자, 3D 이미지와 조화를 이루는 스타일.
• CTA 미니멀리스트. 단순한 링크 또는 알약 형태 버튼.

• 작고 소심한 타이포그래피를 사용하지 마세요. 스크린샷에는 대형이고 굵은 전시용 텍스트가 보입니다.
• 복잡하거나 어두운 배경을 사용하지 마세요. 스크린샷에는 깨끗하고 밝은 회색 배경이 보입니다.
• 다양한 색상을 사용하지 마세요. 스크린샷에는 검정, 흰색, 밝은 회색, 단일 블루 악센트의 제한된 팔레트가 보입니다.
• 주요 요소에 둥근 모서리를 사용하지 마세요. 스크린샷에는 날카로운 가장자리 또는 알약 형태만 보입니다.
• 복잡한 네비게이션 메뉴를 사용하지 마세요. 스크린샷에는 상단 우측의 두 개의 텍스트 링크만 보입니다.
• 미세하고 저대비의 타이포그래피를 사용하지 마세요. 스크린샷에는 밝은 회색 배경 위의 고대비 블랙 텍스트가 보입니다.
• 피하기: 진부한 비즈니스 용어
• 피하기: 지나치게 복잡한 네비게이션

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

en · zh-CN · zh-TW · ja · ko