큐레이션 · 오픈 · 무료

Bbastudio Eu

작품이 스스로 말하게 하는 미니멀리스트 사진 중심 디자인 스튜디오 포트폴리오입니다.

01

디자인 DNA

고요한 럭셔리 리테일 스토어프론트 또는 하이엔드 건축 저널

02

컬러

UI에는 엄격한 단색을 적용하고, 프로젝트 사진에 모든 색감을 맡깁니다.

03

타이포그래피

humanist-sans

• body14px · 400
• logo48px · 400

모든 텍스트는 일관되게 400 웨이트로 설정됩니다. · compact한 정보 표시를 위한 타이트한 행간.

04

여백

불규칙한 간격을 사용하며, 사진 컨텍스트 내에서의 시각적 정렬을 우선시합니다.

05

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

일반 요소에는 1px solid rgb(229, 231, 235), 특정 오버레이에는 1px solid rgb(255, 255, 255)를 적용합니다.

06

레이아웃

전체 뷰포트 사진 히어로 섹션과 절대 위치 텍스트 요소로 구성됩니다.

07

모션과 인터랙션

미세한 패러랙스나 떠다니는 효과를 위한 극히 느린 연속적 배경 변환 (30초 지속)

주요 인터랙션을 위한 커스텀 커서 (arrow-d2.svg). · 텍스트 링크용 표준 포인터.

08

컴포넌트

• button 눈에 보이는 전통적 버튼은 없으며, 네비게이션은 텍스트 링크에 의존합니다.
• card 전통적인 카드는 없으며, 레이아웃은 풀블리드 이미지에 의존합니다.
• chip 알약 모양의 페이지네이션 도트 (borderRadius: 9999px).
• input 눈에 보이는 입력 필드는 없습니다.
• hero 미니멀리스트 텍스트 오버레이가 적용된 전체 화면 사진 배경.

09

보이스와 금지 목록

• 톤 고요하고 자신감 있으며 건축적인
• 헤드라인 텍스트를 최소화하고 이미지에 의존한 임팩트
• CTA '탐색하기'와 같은 미세한 텍스트 기반 프롬프트

• 선명한 그라디언트를 사용하지 마세요 — 스크린샷은 엄격한 단색 UI 팔레트를 보여줍니다.
• 무거운 드롭 섀도우를 사용하지 마세요 — 스크린샷은 완전히 플랫한 UI 요소를 보여줍니다.
• 두꺼운 테두리를 사용하지 마세요 — 스크린샷은 1px의 미세한 테두리나 아예 없음을 보여줍니다.
• 장난스럽거나 둥근 형태를 사용하지 마세요 — 스크린샷은 날카로운 모서리나 알약 모양의 네비게이션 도트를 보여줍니다.
• 텍스트 뒤에 지나치게 바쁜 배경을 사용하지 마세요 — 스크린샷은 명확한 사진 주제나 여백에 의존합니다.
• 굵은 글꼴 웨이트를 사용하지 마세요 — 스크린샷은 400 웨이트 텍스트만을 보여줍니다.
• 피하기: 지나치게 복잡한 UI
• 피하기: 선명한 팔레트
• 피하기: 장식적 타이포그래피

10

팩 안의 실제 스크린샷

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

11

System Prompt

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