큐레이션 · 오픈 · 무료

Nevflynn

따뜻한 파스텔 팔레트와 강렬하고 둥근 타이포그래피를 사용한, 장난스러운 카드 기반 개인 포트폴리오입니다.

01

디자인 DNA

장난스럽지만 동시에 전문적인 개발자 포트폴리오.

02

컬러

따뜻하고 중립적인 배경에 부드러운 파스텔 악센트와 고대비의 어두운 텍스트를 사용합니다.

03

타이포그래피

geometric-sans

• display40px · 700
• h124px · 500
• body16px · 400

디스플레이 요소에는 Moranga Bold를 사용합니다. · 본문 및 UI 텍스트에는 Silka를 사용합니다.

04

여백

4px 단위 그리드를 기반으로 합니다.

05

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

활성 상태 또는 특정 카드에 표시되며, 일반적으로 2px solid입니다.

rgba(0, 0, 0, 0) 0px 0px 0px 2px inset · rgb(240, 242, 248) 0px 0px 0px 2px

06

레이아웃

다양한 크기의 카드를 가진 메이슨리 스타일 카드 그리드입니다.

07

모션과 인터랙션

hover 상태에 대한 부드러운 트랜지션(0.3초) · 상호작용 시 미세한 불투명도 페이드.

미세한 box-shadow 또는 배경색 변경. · 최소한의 시각적 피드백, 포인터 커서에 의존.

08

컴포넌트

• button 미세한 테두리 또는 단색 배경을 가진 알약 모양입니다.
• card 큰 둥근 모서리(18px 또는 32px), 흰색 배경, 부드러운 패딩을 가집니다.
• chip 작은 알약 모양의 태그 또는 내비게이션 항목입니다.
• input 최소화된 하단 테두리 또는 하단 테두리 스타일입니다.
• hero 아바타와 바이오 텍스트를 포함한 카드 기반 레이아웃입니다.

09

보이스와 금지 목록

• 톤 친근하고, 캐주얼하며, 접근하기 쉽습니다.
• 헤드라인 짧고, 강렬하며, 직접적입니다.
• CTA 대화형 질문 또는 간단한 진술입니다.

• 다크 모드를 사용하지 마세요 — 대신 밝고 따뜻한 배경이 표시됩니다.
• 날카로운 모서리를 사용하지 마세요 — 대신 18px 및 32px의 큰 테두리 반경이 표시됩니다.
• 얇고 우아한 세리프를 사용하지 마세요 — 대신 굵은 기하학적 산세리프 폰트가 표시됩니다.
• 엄격하고 딱딱한 그리드를 사용하지 마세요 — 대신 장난스럽고 불규칙한 카드 레이아웃이 표시됩니다.
• 공격적이고 고채도의 네온 색상을 사용하지 마세요 — 대신 부드럽고 은은한 파스텔이 표시됩니다.
• 복잡하고 무거운 드롭 섀도우를 사용하지 마세요 — 대신 매우 미세하고 가벼운 섀도우 또는 플랫 디자인이 표시됩니다.
• 피하기: 딱딱한 비즈니스 용어
• 피하기: 지나치게 복잡한 문장 구조
• 피하기: 공격적인 판매 언어

10

팩 안의 실제 스크린샷

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

11

System Prompt

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