큐레이션 · 오픈 · 무료

Marioecg

비주얼 아티스트를 위한 깔끔한 포트폴리오 사이트로, 대담하고 다채로운 생성형 아트워크가 주요 히어로 요소로 활용됩니다.

01

디자인 DNA

선명하고 벽면을 가득 채운 라이트 설치물을 전시하는 미니멀한 화이트 갤러리 공간.

02

컬러

디자인은 극도로 높은 채도의 다채로운 그라데이션 아트워크를 프레임 하기 위해 명확한 흑백 UI에 의존하며, 이 아트워크가 유일한 색상 원천이 됩니다.

03

타이포그래피

transitional-serif

• display32px · 400
• body14px · 400

04

여백

뷰포트 가장자리에 넉넉한 패딩을 두어 중앙 아트워크를 명확히 프레임하며, 내비게이션 항목 사이에는 표준 간격을 적용합니다.

05

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

모든 요소에 보이는 테두리나 border-radius가 없어, 완전히 플랫하고 깔끔한 미학을 유지합니다.

06

레이아웃

단순한 헤더와 푸터가 풀幅, 풀-height 중앙 히어로 이미지를 프레임하며, 이 뷰에서 다른 보이는 섹션은 없습니다.

07

모션과 인터랙션

이 정적 스크린샷에는 모션이나 애니메이션이 보이지 않습니다.

hover 상태가 보이지 않으며, 내비게이션 링크에 표준 텍스트 밑줄이나 색상 변경이 적용될 것으로 예상됩니다. · 클릭 상태가 보이지 않습니다.

08

컴포넌트

• button 버튼이 보이지 않으며, 내비게이션은 텍스트 기반 링크입니다.
• card 카드 컴포넌트가 보이지 않습니다.
• chip 칩 컴포넌트가 보이지 않습니다.
• input 입력 필드가 보이지 않습니다.
• hero 여러 수직 그라데이션 스트립으로 구성된 단일 풀블리드 직사각형 이미지가 주요 히어로 요소로 작용하며, 뷰포트의 대부분을 채웁니다.

09

보이스와 금지 목록

• 톤 미니멀하고 직접적이며 자신감 넘치며, 아트워크가 스스로 말하도록 합니다.
• 헤드라인 사이트 타이틀은 클래식 세리프 글꼴로 설정되어, 주요 타이포그래피 정체성을 형성합니다.
• CTA CTA 요소가 보이지 않으며, 디자인은 수동적 시청과 탐색을 장려합니다.

• 다크 모드를 사용하지 마세요 — 스크린샷은 밝은 화이트 배경을 보여줍니다.
• 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 직사각형 히어로 이미지를 보여줍니다.
• UI에 주요 악센트 컬러를 사용하지 마세요 — 스크린샷은 검은색 텍스트만 보여줍니다.
• 복잡한 그리드 레이아웃을 사용하지 마세요 — 스크린샷은 단일 풀블리드 히어로 이미지를 보여줍니다.
• 표면에 드롭 그림자나 테두리를 사용하지 마세요 — 스크린샷은 완전히 플랫한 디자인을 보여줍니다.
• 로고에 sans-serif 글꼴을 사용하지 마세요 — 스크린샷은 전환형 세리프 타이프페이스를 보여줍니다.
• 피하기: 다크 테마를 사용하지 마세요 — 스크린샷은 밝은 화이트 배경을 보여줍니다.
• 피하기: 둥근 모서리를 사용하지 마세요 — 스크린샷은 날카로운 직사각형 요소를 보여줍니다.
• 피하기: 컬러 UI 요소를 사용하지 마세요 — 스크린샷은 화이트 위에 순수한 검은색 텍스트를 보여줍니다.
• 피하기: 콘텐츠에 복잡한 그리드를 사용하지 마세요 — 레이아웃은 단일 풀블리드 이미지입니다.
• 피하기: 두꺼운 테두리나 드롭 그림자를 사용하지 마세요 — 디자인이 완전히 플랫합니다.
• 피하기: 장난스럽거나 둥근 타이포그래피를 사용하지 마세요 — 글꼴은 클래식하고 날카로운 세리프입니다.

11

System Prompt

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