강렬한 흑백 대비와 단 하나의 장난스러운 악센트 컬러를 사용하며, 여백과 타이포그래피에 크게 의존합니다.
03
타이포그래피
transitional-serif · humanist-sans
display80px · 400
body-lg22px · 400
body-sm14px · 400
전시용 타이포그래피는 최대의 임팩트를 위해 클래식 트랜지셔널 세리프를 사용합니다. · 본문 타이포그래피는 높은 가독성을 위해 깔끔한 휴머니스트 산세리프를 사용합니다. · 폰트 웨이트는 주로 regular(400)를 사용하며, 미묘한 계층 표현을 위해 light(300)를 절제하여 사용합니다.
04
여백
4px
8px
16px
24px
32px
48px
64px
96px
넉넉한 padding과 큰 마진을 통해 수직 리듬을 설정하며, 주로 기본값의 큰 배수(예: 64px, 71px)를 사용합니다.
05
표면 (라운드 / 그림자 / 경계선)
sm · 0px
md · 0px
lg · 0px
pill · 999px
미묘한 섹션 구분선을 위해 1px solid rgba(0, 0, 0, 0.3) 사용; 둥근 모서리는 없음.
06
레이아웃
1280container
12columns
24pxgutter
768 / 1024breakpoints
명확한 히어로 섹션, 큰 수평 구분선, 그리고 넉넉한 여백을 가진 깔끔한 그리드.
07
모션과 인터랙션
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
콘텐츠 블록을 위한 fade-in 전환 · 텍스트 링크의 hover 상태 전환
텍스트 링크와 인터랙티브 요소의 미묘한 하이라이트 또는 opacity 변화. · 무거운 피드백 애니메이션 없이 즉각적인 응답.
08
컴포넌트
button배경 채움 없이 하단 테두리 하이라이트가 있는 텍스트 기반 CTA.
card큰 이미지와 그 아래 굵은 세리프 텍스트가 특징인 미니멀리스트 케이스 스터디 카드.
hero뷰포트를 지배하는 거대한 타이포그래피와 미묘한 일러스트 아이콘.
09
보이스와 금지 목록
톤자신감 있고 전문적이면서도 장난스럽게 접근 가능한.
헤드라인대담하고 임팩트 있으며, 종종 약간 기발하거나 시적인.
CTA직접적이고 행동 지향적이며, 간단한 밑줄 텍스트로 제시.
카드나 버튼에 둥근 모서리를 사용하지 마세요 — 스크린샷에서 날카로운 90도 각도를 보여줍니다.
이것은 Hello Monday를 위한 크리에이티브 에이전시 포트폴리오 사이트입니다. 디자인은 미니멀리스트이며 매우 에디토리얼적이고, 거대한 트랜지셔널 세리프 전시 폰트와 깔끔한 휴머니스트 산세리프 본문 폰트 사이의 강렬한 대비가 특징입니다. 팔레트는 주로 모노크롬(검정 #000000과 흰색 #FFFFFF)이며 따뜻한 오프화이트 배경(#F8F6F5)과 시그니처 장난스러운 핑크 악센트(#DB7093)를 사용합니다. 레이아웃은 넉넉한 여백, 날카로운 90도 모서리, 그리고 얇은 구분선에 크게 의존합니다. 주요 설계 제약 사항은 다음과 같습니다: 항상 날카롭고 둥글지 않은 모서리를 사용할 것; 항상 넉넉한 수직 간격을 사용할 것; 팀 일러스트에는 절대 스톡 이미지를 사용하지 말 것. 전체적인 느낌은 세련되고 자신감 있는 프리미엄입니다.
이 감각을 당신의 에이전트에
이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.
