精选 · 开放 · 免费

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

为标题使用巨大的、字间距紧密的大写字母，以创造最大冲击力。 · 正文保持简洁且高度易读，与富有表现力的展示字体形成对比。 · 所有主要标题使用几何无衬线字体类别。

04

间距

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

宽松且富有戏剧性，使用较大的内边距值，让巨大的排版得以呼吸。

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

交互元素上的微妙线性过渡 · 可点击项目上的基于变换的悬停效果

标准指针光标，带有微妙的线性过渡。 · 通过变换更改提供即时视觉反馈。

08

组件

09

文案语气与禁用清单

10

包内真实截图

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

抓自真实页面 · 真 computed styles

11

System Prompt

此设计适用于 Lamanna's Bakery，一个为多伦多意大利面包店和披萨店打造的、大胆、极繁主义且充满趣味的网站。视觉标识由巨大、字间距紧密的排版和高饱和度的调色板定义，包含炽烈的橙红色 (#FF4100) 和阳光黄色 (#FFC700)。字体类别为厚重的几何无衬线用于展示，人文无衬线用于正文。关键约束包括避免极简主义、克制或任何柔和色彩；设计必须保持响亮和富有表现力。阴影应粗大、平坦且复古（3D 偏移风格），绝不应微妙或模糊。绝不使用衬线字体，因为美学严格保持大胆、现代和图形化。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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