큐레이션 · 오픈 · 무료

Forner Studio

차분하고 미니멀한 미학과 강한 타이포그래피 존재감을 지닌 정제된 에디토리얼 스튜디오 포트폴리오입니다.

01

디자인 DNA

깔끔하고 정제된 제품 프레젠테이션에 중점을 둔 프리미엄 디자인 스튜디오 포트폴리오입니다.

02

컬러

어스톤의 저채도 따뜻한 중립색이 차분하고 프리미엄한 배경을 만들어 사진이 주도할 수 있도록 합니다.

03

타이포그래피

geometric-sans · humanist-sans

• display45px · 400
• heading29px · 400
• body28px · 400

디스플레이 텍스트는 견고한 임팩트를 위해 타이트한 트래킹의 기하학적 산세리프를 사용합니다 · 본문 텍스트는 가독성을 위해 관대한 줄 간격의 휴머니스트 산세리프를 사용합니다 · 모든 텍스트는 차분하고 정제된 느낌을 위해 정체(400) 굵기를 사용합니다

04

여백

관대한 수직 패딩(100-300px)이 섹션 사이에 여유 공간을 만듭니다

05

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

미세한 구분을 위해 차분한 잉크색의 얇은 라인을 사용하는 미니멀한 스타일입니다

06

레이아웃

관대한 수직 간격과 풍부한 패딩으로 중앙 정렬된 콘텐츠를 가진 풀블리드 히어로 이미지입니다

07

모션과 인터랙션

인터랙티브 요소에서 부드러운 transform 및 opacity 트랜지션 · 일관성을 위해 모든 트랜지션을 0.4초로 표준화

0.4초 트랜지션을 사용한 미세한 색상 또는 transform 변화 · transform을 통한 즉각적인 시각적 피드백

08

컴포넌트

• button 미세한 트랜지션이 적용된 미니멀한 대문자 텍스트 링크입니다
• card 풍부한 여백을 가진 깔끔한 이미지 중심 프레젠테이션입니다
• hero 과대 브랜드 타이포그래피 오버레이가 있는 대형 풀블리드 포토그래피 히어로입니다

09

보이스와 금지 목록

• 톤 정제되고 절제된 프리미엄 느낌
• 헤드라인 관대한 간격을 가진 대형 깔끔한 타이포그래피
• CTA 미세한 인터랙션이 적용된 미니멀한 대문자 텍스트 링크

• 채도 높은 강조 색상을 사용하지 마세요 — 스크린샷은 완전히 저채도의 어스톤을 보여줍니다
• 무거운 드롭 그림자를 추가하지 마세요 — 스크린샷은 평면적이고 깔끔한 표면을 보여줍니다
• 장식적인 세리프를 사용하지 마세요 — 스크린샷은 기하학적 및 휴머니스트 산세리프 폰트를 보여줍니다
• 복잡한 레이아웃을 만들지 마세요 — 스크린샷은 요소 사이의 풍부한 여백을 보여줍니다
• 밝은 흰색 배경을 사용하지 마세요 — 스크린샷은 따뜻한 오프화이트(#ECECE4)를 주요색으로 사용합니다
• 복잡한 애니메이션을 추가하지 마세요 — 스크린샷은 미세하고 부드러운 트랜지션을 보여줍니다
• 피하기: 화려한 색상
• 피하기: 복잡한 레이아웃
• 피하기: 무거운 그림자
• 피하기: 빈번한 텍스트 블록

10

팩 안의 실제 스크린샷

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

11

System Prompt

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