큐레이션 · 오픈 · 무료

Robertaspizza

수공예 피자 브랜드를 위한 대담하고 고대비의 에디토리얼 레이아웃.

Bold TypographyEditorialPhotographicWarm
Robertaspizza 스크린샷
↓ 디자인 시스템 다운로드 (75 MB)OpenDesign 에서 열기

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

📦 팩 내용 보기 →

01

디자인 DNA

수공예적대담한소박한장난스러운

브루클린 피자 상자 래퍼

02

컬러

#ED2023Accent
#FFFFFFInk
#2B3036BG
rgba(43, 47, 54, 1.0)Line

다크 및 화이트 배경 위에 지배적이고 에너제틱한 빨간색 강조를 사용한 고대비.

03

타이포그래피

display-serif · grotesque-sans

모든 헤드라인과 버튼에 Offset TM을 사용합니다. · 가능할 경우 본문에 Source Sans 3를 사용합니다. · 흰색 텍스트와 다크/빨간색 배경 사이에 강한 대비를 확보합니다.

04

여백

4px
8px
16px
24px
32px
48px
64px
96px
128px

주요 섹션에 넉넉한 수직 패딩(96px, 128px)을 적용합니다.

05

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

sm · 4px
md · 8px
lg · 10px
pill · 16000px

버튼과 활성 요소에 2px solid 테두리를 사용합니다.

0px 4px 4px 0px rgba(0, 0, 0, 0.25)

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

전체 너비의 사진 히어로와 그 아래에 쌓이는 콘텐츠 블록.

07

모션과 인터랙션

100msmicro
250mssmall
300msmedium
600mslong
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

배경색 및 텍스트 색상의 부드러운 페이드인 전환. · hover 시 box shadow 전환.

미세한 box shadow 출현 및 색상 전환. · 상태 변화를 통한 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

Robertaspizza — 桌面首屏（hero）
桌面首屏（hero）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
Robertaspizza — 移动首屏
移动首屏

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

11

System Prompt

수공예 피자 브랜드를 위한 대담하고 고대비의 에디토리얼 디자인. 핵심 색상: 순백, 다크그레이(#2B3036), 선명한 빨간색(#ED2023). 타이포그래피는 헤드라인에 묵직한 전시용 세리프(Offset TM)와 UI 요소에 산세리프(Source Sans 3)를 특징으로 합니다. 중요한 금지 사항: 섬세한 타이포그래피, 무채색 팔레트, 최소 수직 여백을 피합니다. 디자인은 풀블리드 사진, 큰 대문자 텍스트, 넉넉한 패딩을 사용하여 강렬하고 따뜻하며 자신감 있는 브랜드 프레즌스를 만듭니다.

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

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

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

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