큐레이션 · 오픈 · 무료

Maximilianberndt

단단한 그리드와 모노크롬 팔레트를 사용하는 크리에이티브 개발자를 위한 날것의, 타이포그래피 중심 포트폴리오입니다.

01

디자인 DNA

디지털 장인을 위한 깔끔한 스위스 스타일 타이포그래피 시트입니다.

02

컬러

최대 가독성을 위해 오프화이트 배경에 다크 블랙과 미디엄 그레이를 사용하는 엄격한 모노크롬입니다.

03

타이포그래피

grotesque-sans · monospace

• display12px · 400

04

여백

레이아웃은 섹션 간 넉넉한 수직 spacing과 일관된 padding을 가진 단단한 그리드 시스템에 의존합니다.

05

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

보이는 border는 없으며, spacing과 색상 대비가 경계를 정의합니다.

06

레이아웃

데스크톱에서는 단단한 2열 비대칭 그리드이며, 모바일에서는 단일 열로 축소됩니다.

07

모션과 인터랙션

scroll 또는 hover 시 매끄러운 텍스트 페이드와 목록 트랜지션.

미묘한 opacity 변화 또는 색상 변화. · 복잡한 애니메이션 없는 직접적인 내비게이션.

08

컴포넌트

• button 보이는 장식이 없는 텍스트 전용 링크입니다.
• card 시각적 카드는 없으며, 콘텐츠는 목록 구조로 조직됩니다.
• chip 없음.
• input 없음.
• hero 넓은 여백을 사용하는 순수 타이포그래피 hero입니다.

09

보이스와 금지 목록

• 톤 전문적이고 절제되며, 매우 유능합니다.
• 헤드라인 미니멀하며, 작고 정밀한 타이포그래피를 사용합니다.
• CTA 일반 텍스트 링크이며, 종종 상단 오른쪽이나 목록 안에 숨겨져 있습니다.

• 밝은 포인트 색상을 사용하지 마세요 - 스크린샷은 엄격한 모노크롬 팔레트를 보여줍니다.
• 크고 장식적인 폰트를 사용하지 마세요 - 스크린샷은 균일한 12px grotesque-sans를 보여줍니다.
• shadow나 border를 추가하지 마세요 - 스크린샷은 여백으로 정의된 평면 레이아웃을 보여줍니다.
• 메인 레이아웃에 복잡한 이미지를 사용하지 마세요 - 스크린샷은 텍스트 전용 콘텐츠를 보여줍니다.
• 둥근 모서리를 사용하지 마세요 - 스크린샷은 날것의 스타일이 없는 요소를 보여줍니다.
• 텍스트를 중앙 정렬하지 마세요 - 스크린샷은 엄격한 왼쪽 정렬 레이아웃을 보여줍니다.
• 피하기: 지나치게 장식적인 요소
• 피하기: 화려한 색상
• 피하기: 복잡한 아이콘

10

팩 안의 실제 스크린샷

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

11

System Prompt

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