큐레이션 · 오픈 · 무료

Haleys

고딕 타이포그래피와 차분한 이끼 톤을 혼합한 학술적 포트폴리오.

PortfolioCurationTypographyEditorialCalm
Haleys 스크린샷
↓ 디자인 시스템 다운로드 (27 MB)OpenDesign 에서 열기

원본 사이트: https://haleys.design

📦 팩 내용 보기 →

01

디자인 DNA

장인적학술적고딕큐레이션시대를 초월한

어두운 오크 책상 위의 손으로 제본된 논문

02

컬러

#f8f2deInk
#bead89Ink soft
#12332bBG
#5a7c6bMuted
rgba(248, 242, 222, 0.2)Line

깊은 숲 녹색 위의 고대비 파르멘트

03

타이포그래피

blackletter · transitional-serif

04

여백

4px
8px
16px
24px
32px
48px
64px
96px

섹션과 그리드 항목 사이의 넉넉한 수직 간격

05

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

sm · 4px
md · 8px
lg · 12px
pill · 999px

빛 바랜 파르멘트 또는 반투명 녹색의 섬세한 1px 라인

0px 2.4px 0px 0px #12332b

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

중앙 정렬과 넓은 마진을 가진 대칭적 그리드

07

모션과 인터랙션

240msmicro
300mssmall
800msmedium
ease-outeasing

hover 시 부드러운 배경색 및 테두리색 전환 · 장식용 SVG 요소의 채우기 및 스트로크 전환

내비게이션 및 프로젝트 링크의 미묘한 색상 변화와 밑줄 · 커서 포인터 상태를 통한 즉각적인 시각적 반응

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이 사이트는 Haley Park라는 소프트웨어 디자이너의 개인 포트폴리오입니다. '소프트웨어 디자인 및 다양한 엉뚱한 아이디어'를 위한 학술적이고 장인적인 공간으로定位합니다. 주 배경색은 깊은 숲 녹색(#12332b)이며, 텍스트는 크리미 파르멘트(#f8f2de)로 렌더링되고 메타데이터와 장식 요소에는 보조 이끼 톤(#5a7c6b)이 사용됩니다. 타이포그래피는 매우 독특하며, 메인 이름의 정교한 블랙레터와 프로젝트 제목 및 내비게이션의 우아한 트랜지셔널 세리프의 혼합을 특징으로 합니다. 핵심 디자인 규칙으로는 현대적인 산세리프 폰트, 밝거나 채도 높은 색상, 공격적인 행동 유도(CTA) 버튼, 밀집된 텍스트 블록, 두꺼운 드롭 섀도우 사용을 피하는 것이 포함됩니다. 레이아웃은 여유롭고 대칭적이며, 무거운 컨테이너보다는 호흡할 공간과 섬세한 라인 워크를 우선시합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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