큐레이션 · 오픈 · 무료

Alecbabala

미니멀하고 단색 파란색의 개인 포트폴리오.

EditorialPhotographicMinimalPortfolioClean

↓ 디자인 시스템 다운로드 (7 MB)OpenDesign 에서 열기

원본 사이트: https://www.alecbabala.com

📦 팩 내용 보기 →

디자인 DNA

개인적창의적깔끔한미니멀단색

프린트를 전시하고 있는, 단일 파란 조명이 비치는 사진작가의 물리적 암실.

컬러

#FFFFFFInk

rgba(255,255,255,0.72)Ink soft

#194AE9BG

rgba(255,255,255,0.08)Line

최대한의 대비와 집중을 위해 흰색 텍스트를 사용한 엄격한 단색 파란색.

타이포그래피

monospace · sans-serif

display16px · 400
body14px · 400

여백

4px

8px

16px

24px

32px

48px

64px

96px

여유로운 수직 리듬, 큰 간격(55px, 64px, 96px) 사용.

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

sm · 0px

md · 0px

lg · 0px

pill · 0px

보이는 테두리 없음.

레이아웃

24pxgutter

768 / 1024breakpoints

단일 칼럼, 중앙 정렬 레이아웃.

모션과 인터랙션

220msmicro

400mssmall

800msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

텍스트와 이미지에 섬세한 hover 전환 효과.

호버 시 텍스트 색상 또는 불투명도 변화. · 내비게이션 링크.

컴포넌트

button 보이는 버튼 없음.
card 약간의 파란색 틴트가 가미된 이미지 카드.
chip 보이는 칩 없음.
input 보이는 입력 필드 없음.
hero 이름이 포함된 단순한 텍스트 헤더.

보이스와 금지 목록

톤 직설적이고 개인적이며 절제된.
헤드라인 모두 소문자, 모노스페이스, 짧은 구문.
CTA 단순한, 밑줄이 그어진 텍스트 링크.

세리프 서체를 사용하지 마세요 — 스크린샷에는 모노스페이스와 산세리프만 보입니다.
여러 배경 색상을 사용하지 마세요 — 스크린샷에는 단색 파란색 배경만 보입니다.
장식적인 테두리나 그림자를 추가하지 마세요 — 스크린샷에는 테두리가 없는 플랫 디자인이 보입니다.
대문자 텍스트를 사용하지 마세요 — 스크린샷에는 모든 텍스트가 소문자입니다.
복잡한 그리드를 사용하지 마세요 — 스크린샷에는 단순한 단일 칼럼 중앙 정렬 레이아웃이 보입니다.
밝고 채도 높은 강조색을 사용하지 마세요 — 스크린샷에는 엄격한 파란색과 흰색 팔레트만 보입니다.
피하기: 격식체 언어
피하기: 장식적 요소
피하기: 강한 색상

팩 안의 실제 스크린샷

Alecbabala — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

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

System Prompt

강렬한 단색 파란색 아이덴티티를 가진 미니멀한 개인 포트폴리오 사이트. 디자인은 배경으로 단일 강렬한 파란색(#194AE9)을 사용하고, 흰색(#FFFFFF) 및 반투명 흰색 텍스트를 사용합니다. 타이포그래피는 헤드라인용 모노스페이스(Courier Prime)와 본문용 산세리프(Inter/system-ui)의 혼합이며, 모두 소문자입니다. 주요 레이아웃은 여유로운 수직 간격을 두고 중앙 정렬된 단일 칼럼입니다. 핵심 금지 사항: 세리프 서체 금지, 여러 배경 색상 금지, 장식적인 테두리 또는 그림자 금지, 대문자 텍스트 금지, 복잡한 그리드 금지, 밝은 강조색 금지.

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

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

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

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