精選 · 開放 · 免費

Lamannabakery

一個大聲、歡樂、最大主義的網站，屬於一個披薩與麵包 Destination，高喊著「大片披薩之家」。

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

寬鬆且富有戲劇性，使用大量的 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

包內真實截圖

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）。字體類別為厚重的 geometric-sans 用於展示，humanist-sans 用於內文。關鍵限制包括避免極簡主義、克制或任何形式的柔和顏色；設計必須保持大聲且富表現力。陰影應為厚重、平坦且復古的（3D 偏移風格），絕不能是微妙或模糊的。絕不使用襯線字體，因為美學必須是嚴格大膽、現代且圖形化的。

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效，整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

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