큐레이션 · 오픈 · 무료

Tparkes

브랜드와 웹사이트 작업을 보여주는 개인 디지털 디자인 리드 포트폴리오입니다.

01

디자인 DNA

대담하고 표현적인 타이포그래피를 사용한 깔끔하고 전문적인 디지털 포트폴리오입니다.

02

컬러

색상 강조 대신 타이포그래피 스케일에 의존하는 고대비 단색 팔레트입니다.

03

타이포그래피

sans-serif

• display86px · 600

04

여백

넉넉한 여백과 패딩이 대형 타이포그래피를 강조합니다.

05

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

카드나 UI 요소에 자주 사용되는 기본 텍스트 색상을 사용한 미묘한 테두리입니다.

06

레이아웃

왼쪽 정렬 텍스트와 상단 탐색 표시줄이 있는 전체 너비 히어로 섹션입니다.

07

모션과 인터랙션

프로젝트 카드를 위한 스크롤 트리거 리빌

인터랙티브 요소에서 미묘한 불투명도 변경 또는 커서 포인터 변경입니다. · 직접 탐색 또는 프로젝트 섹션으로의 매끄러운 스크롤입니다.

08

컴포넌트

• button 최소한의 텍스트 링크 또는 아이콘 기반 버튼 (예: 햄버거 메뉴, 'Explore my work').
• card 둥근 모서리를 가진 큰 전체 너비 이미지/비디오 카드입니다.
• hero 인라인 그래픽 아이콘과 큰 단색 이미지가 포함된 지배적인 타이포그래피 진술입니다.

09

보이스와 금지 목록

• 톤 전문적이고 자신감 있으며 직접적입니다.
• 헤드라인 무채색 회색과 검정 아이콘을 사용한 크고 굵은 sans-serif 진술입니다.
• CTA 'Explore my work'와 같은 단순하고 절제된 텍스트 링크입니다.

• 다채로운 gradient 사용 금지 — 스크린샷은 엄격한 단색 팔레트를 보여줍니다.
• 세리프 폰트 사용 금지 — 타이포그래피는 엄격히 sans-serif입니다.
• 탐색 숨기기 금지 — 햄버거 메뉴는 모바일에서 두드러집니다.
• 작고 비좁은 텍스트 사용 금지 — 히어로 타이포는 거대합니다 (86px).
• 바쁜 배경 사용 금지 — 배경은 깨끗한 흰색입니다.
• 무거운 그림자 사용 금지 — 표면은 평면적이고 깨끗합니다.
• 피하기: 화려한 색상 피하기
• 피하기: 과도한 장식
• 피하기: 지나치게 복잡한 탐색

10

팩 안의 실제 스크린샷

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

11

System Prompt

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