큐레이션 · 오픈 · 무료

Format

아티스트와 창의적 비즈니스를 위한 프리미엄 포트폴리오 빌더.

designportfolio

Format 스크린샷

↓ 디자인 시스템 다운로드 (35 MB)OpenDesign 에서 열기

원본 사이트: https://www.format.com

📦 팩 내용 보기 →

01

디자인 DNA

창의적포트폴리오빌더전문가아티스트

디지털 창작자를 위한 세련된 고급 갤러리 입구.

02

컬러

#E9EE64Accent

#FFFFFFInk

#404040Ink soft

#171223BG

#262134BG soft

#532C8AMuted

rgba(255,255,255,0.1)Line

깊은 자주-검정 배경에 고채도 네온 옐로우와 중채도 자주색이 대비를 이룹니다.

03

타이포그래피

grotesque-sans · humanist-sans

display72px · 700
h232px · 500
body16px · 400

04

여백

4px

8px

16px

24px

32px

48px

64px

96px

섹션 패딩을 위해 더 큰 간격을 둔 표준 4px 그리드입니다.

05

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

sm · 4px

md · 8px

lg · 48px

pill · 999px

rgba(0, 0, 0, 0.3) 0px 20px 40px 0px · rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

레이아웃

1280container

12columns

24pxgutter

768 / 1024breakpoints

왼쪽에 텍스트, 오른쪽에 목업이 있는 표준 스플릿 히어로. 아래로는 그리드 기반의 기능 섹션이 위치합니다.

07

모션과 인터랙션

220msmicro

400mssmall

800msmedium

cubic-bezier(0.4, 0, 0.2, 1)easing

버튼과 링크의 미묘한 hover 전환, 부드러운 배경 페이드.

인터랙티브 요소의 배경색 변화 또는 미묘한 투명도 변화. · 스케일이나 색상 변화를 통한 즉각적인 시각적 피드백.

08

컴포넌트

button 어두운 텍스트가 있는 고채도 옐로우 타원형 버튼, 또는 어두운 텍스트 전용 링크.
card 미묘한 배경과 큰 디스플레이 타이포그래피를 사용한 기능 카드.
input 최소한의 테두리를 가진 깔끔한 텍스트 입력.
hero 큰 타이포그래피, 자주색 악센트, 그리고 기울어진 포트폴리오 목업이 있는 전체 폭의 어두운 히어로.

09

보이스와 금지 목록

톤 전문적, 영감을 주며, 창의적.
헤드라인 대담하고 직관적이며 혜택을 강조.
CTA 명확하고 행동을 유도하며 격려하는 (예: '지금 바로 빌딩을 시작하세요').

밝은 배경을 사용하지 마세요 — 스크린샷은 깊은 자주-검정(#171223)을 기본으로 보여줍니다.
헤드라인에 세리프 서체를 사용하지 마세요 — 스크린샷은 깔끔한 grotesque-sans를 보여줍니다.
저채도 악센트를 사용하지 마세요 — 스크린샷은 고채도 옐로우(#E9EE64)와 자주색(#905ED1)을 보여줍니다.
주요 버튼에 날카로운 모서리를 사용하지 마세요 — 스크린샷은 타원형 border-radius(48px+)를 보여줍니다.
작은 히어로 텍스트를 사용하지 마세요 — 스크린샷은 큰 72px 디스플레이 타이포그래피를 보여줍니다.
기능 섹션에 복잡한 그리드 레이아웃을 사용하지 마세요 — 스크린샷은 넉넉한 여백과 집중된 컬럼을 보여줍니다.
피하기: 전문용어
피하기: 기업형 딱딱함
피하기: 지저분한 레이아웃

10

팩 안의 실제 스크린샷

Format — 桌面首屏（hero） — 桌面首屏（hero）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Format — 移动首屏 — 移动首屏

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

11

System Prompt

Format.com는 아티스트를 포함한 창의적 전문가를 대상으로 하는 프리미엄 포트폴리오 빌더입니다. 깊은 자주-검정(#171223) 배경을 기반으로 하여, 행동 유도 요소에 고채도 네온 옐로우(#E9EE64)를, 강조에 중채도 자주색(#905ED1)을 사용하는 어둡고 세련된 색상 팔레트를 사용합니다. 타이포그래피는 깨끗하고 현대적이며, 디스플레이용 grotesque-sans와 본문용 humanist-sans를 특징으로 합니다. 핵심 디자인 규칙: 밝은 배경을 절대 사용하지 말 것, 저채도 악센트를 피할 것, 그리고 모든 주요 버튼이 고대비의 타원형인지 확인할 것. 레이아웃은 넓고 집중적이며, 창의성과 전문성을 고취하기 위해 크고 굵은 헤드라인과 고품질 포트폴리오 목업을 강조합니다.

이 감각을 당신의 에이전트에

이 디자인의 기계 판독 가능한 사양——색상·타이포·모션까지——을 그대로 AI 에이전트에 전달하세요.

OpenDesign 스킬 ↗ · 이 팩 (에이전트용) ↗

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