厳選・オープン・無料

Mybrentano Ch

ナチュラルなホリスティックヘルスケア製品のための、クリーンでエディトリアルなEコマースサイト。

ProductEditorialCleanRestraintPhotographic
Mybrentano Ch のスクリーンショット
↓ デザインシステムをダウンロード (10 MB)OpenDesign で開く

オリジナル: https://mybrentano.ch

📦 パックの中身を見る →

01

デザイン DNA

ナチュラルホリスティックヘルスケア薬局アポセカリー

クリーンな美学とオーガニックな温かみを融合した、モダンでデジタルネイティブなアポセカリー。

02

カラー

#212529Ink
#FBF5F1BG
rgba(33,37,41,1.0)Line

温かみのあるベージュとダークインクによる、ハイコントラストのナチュラルパレット。

03

タイポグラフィ

monospaced-sans · sans-serif

すべてのタイポグラフィは、クリーンでジオメトリックなサンセリフフォントファミリーを使用します。 · 見出しにはテクニカルな精度のためにモノスペースのバリアントを使用します。 · フォントウェイトは、すべてのテキストで一貫してレギュラー(400)です。

04

余白

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

標準的な4pxをベース単位とした、豊かなホワイトスペース。

05

サーフェス (角丸 / 影 / 罫線)

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

構造と区切りのために使用される、薄い1pxの実線黒ボーダー。

06

レイアウト

1440container
12columns
24pxgutter
768 / 1024breakpoints

トップナビゲーションバーとコンテンツのための縦方向に積み重なるフローを備えた、グリッドベースのレイアウト。

07

モーションとインタラクション

200msmicro
300mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

ホバーステートでの滑らかなトランジション · ページ遷移時の優しいイージング

インタラクティブな要素上の繊細な不透明度や色の変化。 · すべてのクリック可能な領域に対する標準的なポインターカーソル。

08

コンポーネント

09

文体と禁止事項

10

パック内の実スクリーンショット

実ページから取得 · 実 computed styles

11

System Prompt

このウェブサイトは、クリーンでエディトリアルなレイアウトを使用した、ナチュラルなヘルスケア製品のためのデジタルアポセカリーです。パレットは温かみのあるベージュ背景(#FBF5F1)とダークインク(#212529)に依存しています。タイポグラフィは、見出しにモノスペースサンセリフ、本文にクリーンなサンセリフを組み合わせています。重要な禁止事項:ドロップシャドウ、グラデーション背景、コンテナの角丸は避けてください。デザインは構造のために細い黒ボーダーと豊かな余白に依存しています。

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

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

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

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