큐레이션 · 오픈 · 무료

Lamannabakery

'큰 조각의 본고장'이라고 외치는 피자 및 베이커리 명소를 위한, 시끄럽고 기쁨 가득한 맥시멀리스트 웹사이트입니다.

ConsumerPlayfulExpressiveBold TypographyWarm
Lamannabakery 스크린샷
↓ 디자인 시스템 다운로드 (31 MB)OpenDesign 에서 열기

원본 사이트: https://lamannabakery.com

📦 팩 내용 보기 →

01

디자인 DNA

이탈리아 베이커리피자장난기 넘치는대담한지역의 사랑

지역 이탈리아 베이커리 겸 피자 전문점을 위한 활기차고 과장된 네온 간판

02

컬러

#FF4100Accent
#292A2CInk
#FFC700BG soft
#FDBEBABG quiet
rgba(41, 42, 44, 1)Line

강렬한 주황-빨강과 햇살 같은 노랑의 이중 톤 팔레트로, 날카로운 검정으로 중심을 잡고 연한 핑크 강조로 부드러움을 더한 높은 에너지의 팔레트입니다.

03

타이포그래피

geometric-sans · humanist-sans

최대한의 임팩트를 위해 헤드라인에는 좁은 자간의 거대한 대문자 텍스트를 사용합니다. · 본문 텍스트는 표현적인 디스플레이 타입과 대비되도록 간결하고 매우 가독성을 유지합니다. · 모든 주요 헤드라인은 기하학적 sans-serif 카테고리를 사용합니다.

04

여백

4px
8px
16px
20px
24px
30px
40px
64px
96px

느리고 극적으로, 거대한 타이포그래피가 숨 쉴 수 있도록 큰 padding 값을 사용합니다.

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

1px solid rgba(41, 42, 44, 1)과 레트로 3D 효과를 위한 두꺼운 오프셋 그림자

06

레이아웃

1280container
12columns
24pxgutter
768 / 1024breakpoints

거대한 중앙 정렬 타이포그래피와 여기저기 떠다니는 요소들이 있는 대담한 풀블리드 섹션

07

모션과 인터랙션

200msmicro
200mssmall
400msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

인터랙티브 요소의 미묘한 linear 전환 · 클릭 가능한 항목의 transform 기반 hover 효과

미묘한 linear 전환을 동반한 일반 포인터 커서. · transform 변경을 통한 즉각적인 시각적 피드백.

08

컴포넌트

09

보이스와 금지 목록

10

팩 안의 실제 스크린샷

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

11

System Prompt

이 디자인은 토론토 이탈리아 베이커리 겸 피자 전문점인 라마나 베이커리를 위한 대담하고 맥시멀리스트적이며 장난기 넘치는 웹사이트를 위한 것입니다. 비주얼 아이덴티티는 좁은 자간의 거대한 타이포그래피와 강렬한 주황-빨강(#FF4100), 햇살 같은 노랑(#FFC700)을 특징으로 하는 고채도 팔레트로 정의됩니다. 글꼴 카테고리는 디스플레이용 무거운 기하학적 sans-serif, 본문용 humanist-sans입니다. 미니멀리즘, 절제, 또는 형태의 톤 다운된 색상 회피가 중요 제약 조건이며, 디자인은 시끄럽고 표현적으로 남아야 합니다. 그림자는 두껍고 평면적이며 레트로(3D 오프셋 스타일)해야 하며, 절대 미묘하거나 흐릿해서는 안 됩니다. 미학이 엄격히 굵고, 현대적이며, 그래픽적이므로 세리프 서체는 절대 사용하지 마세요.

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

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

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

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