厳選・オープン・無料

Lamannabakery

「大きな一枚のホーム」を謳い文句にした、ピザ＆ベーカリーの目的地のための、音の大きい、陽気で、マキシマリストなウェブサイト。

ConsumerPlayfulExpressiveBold TypographyWarm
Lamannabakery のスクリーンショット
↓ デザインシステムをダウンロード (31 MB)OpenDesign で開く

オリジナル: https://lamannabakery.com

📦 パックの中身を見る →

01

デザイン DNA

イタリアンベーカリーピザ遊び心大胆地元の名店

地元のイタリアンベーカリー＆ピizzeriaのための、鮮やかで巨大なネオンサイン

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

インタラクティブ要素上の微細なリニアトランジション · クリック可能なアイテム上のtransformベースのホバーエフェクト

標準のポインターカーソルと微細なリニアトランジション。 · 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）を特徴とするハイクロマパレットによって定義されます。フォントカテゴリーは、ディスプレイ用の重厚なジオメトリックサンセリフ、本文用のヒューマニストサンセリフです。重要な制約には、ミニマリズム、抑制、またはいかなる種類の穏やかな色の回避が含まれます。デザインは常に音が大きく、表現力豊かでなければなりません。シャドウは太く、フラットで、レトロ（3Dオフセットスタイル）であり、決して微細またはぼかしではありません。美学は厳格に太く、現代的、グラフィックであるため、セリフフォントは決して使用しないでください。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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