큐레이션 · 오픈 · 무료

Norgram

본질적인 형태와 고대비 단색 프레젠테이션에 초점을 맞춘 정교한 디자인 스튜디오 포트폴리오입니다.

01

디자인 DNA

하이엔드 스칸디나비안 디자인 스튜디오 갤러리

02

컬러

깊은 블랙 배경과 선명한 화이트 타이포그래피를 갖춘 고대비 단색 팔레트

03

타이포그래피

geometric-sans

• display87px · 400
• body12px · 400

대형 디스플레이 헤드라인을 위한 타이트한 자간 · 헤드라인과 본문 모두에 Helvetica Now Display에 크게 의존 · 주로 스케일 대비에 의해 주도되는 최소한의 타이포그래피 계층

04

여백

엄격한 수직 간격보다는 프로젝트 이미지에 의해 주도되는 불규칙한 그리드 기반 리듬

05

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

주요 요소에 1px solid 블랙 테두리

플로팅 UI 요소에 0 4px 12px rgba(0,0,0,0.15)

06

레이아웃

대형 히어로 이미지와 플로팅 텍스트 오버레이를 갖춘 비대칭 메이슨리 그리드

07

모션과 인터랙션

슬라이딩 UI 패널을 위한 매끄러운 입장 전환 · 오버레이 요소를 위한 불투명도 페이드 · 인터랙티브 요소에 대한 미세한 hover 상태 전환

인터랙티브 요소에 대한 미세한 불투명도 또는 변환 이동 · 매끄러운 패널 전환

08

컴포넌트

• button 내비게이션 탭을 위한 작은 둥근 필 버튼
• card 메타데이터 오버레이가 있는 이미지 중심 프로젝트 카드
• chip 테두리가 있는 작은 메타데이터 태그
• input 얇은 테두리가 있는 미니멀 텍스트 입력
• hero 오버레이된 메타데이터와 함께 전체 너비 또는 절반 너비의 시네마틱 프로젝트 이미지

09

보이스와 금지 목록

• 톤 미니멀리스틱하고 자신감 있으며 권위 있는
• 헤드라인 타이트한 자간의 기하학적 sans-serif 스테이트먼트
• CTA 절제된 기능적 내비게이션

• 밝은 액센트 컬러를 사용하지 마세요 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다
• 세리프 글꼴을 사용하지 마세요 — 스크린샷은 전체적으로 Helvetica Now Display를 보여줍니다
• 넓은 자간을 사용하지 마세요 — 스크린샷은 대규모에서도 타이트한 자간을 보여줍니다
• 모든 요소에 작은 border-radii를 사용하지 마세요 — 스크린샷은 필 버튼과 사각 모서리가 혼합됨을 보여줍니다
• 강한 드롭 섀도우를 사용하지 마세요 — 스크린샷은 미니멀하고 미세한 섀도우를 보여줍니다
• 복잡한 그리드 라인을 사용하지 마세요 — 스크린샷은 특정 UI 요소를 제외하면 깨끗하고 테두리 없는 레이아웃을 보여줍니다
• 피하기: 장식적 요소
• 피하기: 복잡한 레이아웃
• 피하기: 밝은 액센트 컬러

10

팩 안의 실제 스크린샷

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

11

System Prompt

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