큐레이션 · 오픈 · 무료

Aletagency

큐레이션되고 에디토리얼한 디지털 존재감을 가진 코펜하겐 기반 크리에이티브 스튜디오 및 프로덕션 하우스입니다.

01

디자인 DNA

큐레이션된 하이엔드 포트폴리오 역할을 하는 디지털 무드보드

02

컬러

차분하고 자연스러운 중립 배경에 고대비 흑백 타이포그래피.

03

타이포그래피

transitional-serif · humanist-sans

• display23px · 400
• body11px · 400

내비게이션과 레이블에는 넓은 자간을 사용합니다 · 표현적인 히어로 Moments에는 세리프를 예약합니다

04

여백

핵심 콘텐츠 주변에 넓은 여백을 둔 여유로운 수직 리듬

05

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

여백에 의존하는 최소한의 테두리

rgba(0, 0, 0, 0.1) 0px 1px 3px 0px · rgba(0, 0, 0, 0.06) 0px 1px 2px 0px

06

레이아웃

풍부한 패딩과 마asonry 스타일 이미지 배열을 가진 중앙 정렬 콘텐츠

07

모션과 인터랙션

드래그 가능한 갤러리를 나타내기 위해 커서가 'grab'으로 변경됩니다

인터랙티브 텍스트 요소에 대한 섬세한 색상 전환 · 메인 갤러리에서 끌어서 탐색하는 인터랙션

08

컴포넌트

• button 타이포그래피 기반의 미니멀한 내비게이션 링크
• card 섬세한 테두리가 있는 오버사이즈 포토그래픽 카드
• chip 뷰 모드(Linear/Random)를 위한 단순한 알약 형태 토글
• hero 중앙 정렬된 텍스트 문구와 함께 겹치는 역동적인 프로젝트 이미지 그리드

09

보이스와 금지 목록

• 톤 전문적이고 세련되며 절제된 어조
• 헤드라인 세리프 기반, 약간 시적인 문구
• CTA 깔끔한 산세리프, 대문자 레이블

• 밝은 강조 색상을 사용하지 마십시오 — 스크린샷은 엄격히 차분하고 자연스러운 팔레트를 보여줍니다
• 무거운 드롭 섀도우를 적용하지 마십시오 — 스크린샷은 최소한의 부드러운 높이만 보여줍니다
• 이미지에 격자 그리드를 사용하지 마십시오 — 스크린샷은 역동적이고 겹치는 레이아웃을 보여줍니다
• 장식용 산세리프 글꼴을 사용하지 마십시오 — 스크린샷은 UI를 위한 기능적인 휴머니스트 산세리프를 사용합니다
• 인터페이스를 어지럽히지 마십시오 — 스크린샷은 넓은 여백과 공간 확보를 우선시합니다
• 대문자를 과도하게 사용하지 마십시오 — 스크린샷은 내비게이션과 토글에만 엄격히 예약합니다
• 피하기: 과장된 마케팅 용어
• 피하기: 복잡한 레이아웃 패턴
• 피하기: 어지러운 인터페이스

10

팩 안의 실제 스크린샷

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

11

System Prompt

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