큐레이션 · 오픈 · 무료

Simonesniekers

대담하고 채도 높은 그래디언트를 캔버스로 사용하여 중앙에 배치된 하이패션 이미지를 강조하는 미니멀 사진 포트폴리오입니다.

01

디자인 DNA

웹으로 옮겨진 하이엔드 사진 전시 카탈로그로, UI 구.chrome보다 시각적 임팩트를 우선시합니다.

02

컬러

UI 요소에서의 극도의 절제; 복잡한 UI보다는 활기찬 배경 그래디언트와 대담한 이미지에 의존합니다.

03

타이포그래피

neo-grotesque-sans · transitional-serif

• display16px · 400

모든 기본 텍스트에 Neue Haas Grotesk 사용 · 모든 UI 요소에서 매우 작고 일관된 폰트 크기(16px) 유지

04

여백

관대한 수직 패딩과 마진으로, 종종 1000px 이상이어서 넓은 여백을 만듭니다.

05

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

보이지 않음; UI는 엣지 투 엣지입니다.

06

레이아웃

전체 뷰포트 그래디언트 배경 중앙에 단일 이미지를 배치하고, 하단 가장자리에 최소한의 텍스트를 고정합니다.

07

모션과 인터랙션

배경색 전환 · 스크롤/로드 시 변환

상호작용 텍스트 요소에서 커서가 포인터로 변경됩니다. · 탐색이나 상태 변경을 트리거합니다.

08

컴포넌트

• button 전통적인 버튼 없음; 텍스트 레이블이 주요 상호작용 요소 역할을 합니다.
• card 카드 없음; 중앙에 배치된 단일 이미지가 유일한 콘텐츠 컨테이너입니다.
• chip 보이는 칩 없음.
• input 보이는 입력 필드 없음.
• hero 활기찬 그래디언트 배경 중앙에 배치된 전체 화면 세로형 사진 이미지.

09

보이스와 금지 목록

• 톤 미니멀하고 자신감 있으며 조용합니다.
• 헤드라인 헤드라인 없음; '0%', 'Simone Sniekers', 'Info'와 같은 작고 기능적인 레이블만 있습니다.
• CTA 명시적 CTA 없음; 탐색은 미묘하고 암시적입니다.

• 드롭 그림자 사용 불가 — 스크린샷은 어떤 높이감도 없는 완전히 평면적인 이미지와 텍스트를 보여줍니다.
• UI 테두리나 윤곽선 추가 불가 — 스크린샷은 그래디언트 배경과 이미지 사이의 깨끗한 경계를 보여줍니다.
• 여러 폰트 크기나 굵기 사용 불가 — 스크린샷은 모든 텍스트에서 16px/400 굵기의 균일한 크기를 보여줍니다.
• 전통적인 내비게이션 바 사용 불가 — 스크린샷은 하단에 고정된 몇 개의 텍스트 레이블만 보여줍니다.
• 흰색이나 밝은 중립 배경 사용 불가 — 스크린샷은 오렌지에서 옐로우로의 지배적이고 활기찬 그래디언트를 보여줍니다.
• 여러 콘텐츠 카드로 지저분하게 만들기 불가 — 스크린샷은 주요 초점으로 중앙에 배치된 단일 사진 이미지를 보여줍니다.
• 피하기: 복잡한 레이아웃, 과도한 텍스트, UI 테두리, 그림자, 또는 표준 UI 컴포넌트를 피하십시오.

10

팩 안의 실제 스크린샷

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

11

System Prompt

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