큐레이션 · 오픈 · 무료

Biron

본질적인 미학과 정제된 디지털 경험을 선보이는 미니멀 다크 포트폴리오.

PortfolioEditorialDark ModeCleanTypography
Biron 스크린샷
↓ 디자인 시스템 다운로드 (20 MB)OpenDesign 에서 열기

원본 사이트: https://biron.io

📦 팩 내용 보기 →

01

디자인 DNA

독립적비주얼 디자이너런던본질적인 미학정제된 인터랙션

물리적 질감이 느껴지는 디지털 갤러리

02

컬러

#FFFFFFInk
#000000BG
rgba(255,255,255,1)Line

극도의 고대비 단색 팔레트

03

타이포그래피

transitional-serif

텍스트 변환: 내비게이션 및 레이블에 대문자 사용 · 고대비: 흑백 배경에 흰색 텍스트만 사용

04

여백

4px
8px
16px
20px
40px
50px
64px

넉넉한 padding과 타이트한 내부 리듬

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

보이는 테두리 없음

0px 0px 0px 0px transparent

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

중앙 정렬된 콘텐츠와 넉넉한 여백을 가진 전체 뷰포트

07

모션과 인터랙션

220msmicro
666mssmall
1000msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing

불투명도 페이드인 · 변환 이동

보이는 hover 효과 없음 · 보이는 클릭 효과 없음

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Biron — 桌面首屏（hero）
桌面首屏（hero）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Biron — 移动首屏
移动首屏

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

11

System Prompt

런던 기반 비주얼 디자이너를 위한 미니멀 포트폴리오 사이트입니다. 디자인은 엄격한 흑백 팔레트를 사용하며, 헤드라인과 UI 레이블에는 두드러진 트랜지션 세리프 폰트를 사용합니다. 레이아웃은 여백과 대형 배경 이미지가 있는 전체 뷰포트 섹션에 크게 의존합니다. 주요 색상은 배경 #000000과 텍스트 #FFFFFF입니다. 중요 참고사항: 둥근 모서리를 절대 사용하지 마세요, 드롭 섀도우를 절대 추가하지 마세요, 밝은 강조색을 절대 도입하지 마세요. 섬세한 모션과 고대비 타이포그래피를 통해 본질적인 미학과 정제된 인터랙션에 집중하세요.

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

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

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

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