厳選・オープン・無料

Bellroy

現代の旅行者ためにデザインされたプレミアムキャリーグッズ。実用性と控えめなスタイルを融合。

01

デザイン DNA

プレミアムアウトドアブランドとミニマリスト日本のエンジニアリングの融合

02

カラー

清潔で明るい背景に、力強いフォトグラフィと、主要アクション用の単一のバーントオレンジアクセント。

03

タイポグラフィ

display-sans · humanist-sans · monospace

• display64px · 900
• heading32px · 700
• body16px · 400
• small13px · 400

04

余白

3.5pxの基本単位からスケールアップし、レイアウトとコンポーネントの間隔を管理

05

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

低不透明度の黒やテーマグレーを使用した、微妙な1pxボーダー。

card: None · elevated: None

06

レイアウト

標準的な12カラムグリッド。最大幅コンテナと一貫したガター間隔を採用。

07

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

ホバーおよびフォーカス時の滑らかな色と背景のトランジション · インタラクティブ要素のための微妙な透明度と変換の変化

微妙な色の変化や背景のトランジション · 標準的なブラウザインタラクションによる即時ビジュアルフィードバック

08

コンポーネント

• button 角丸で塗りつぶされたボタン。テキストは大文字
• card 画像を前面に押し出したカード。角丸と控えめなドロップシャドウ
• chip カテゴリ用の小さな角丸タグ
• input プレースホルダーテキストと検索アイコンを備えた清潔な検索バー
• hero 全幅のライフスタイル写真に、大胆なオーバーレイタイポグラフィとプライマリアクションボタンを配置

09

文体と禁止事項

• トーン 自信に満ち、有能で、目的意識が強い
• 見出し 短く、力強く、大文字のステートメント。実用性と動きを強調
• CTA アクション重視、大文字、直接的

• 明るいネオン色や高彩度のカラーパレットを使用しない — サイトは控えめな自然な色調と単一のバーントオレンジアクセントに依存。
• 高度に装飾的なスクリプト書体を使用しない — デザインは大胆なディスプレイサンセリフとクリーンなヒューマニストサンのペアリングを使用。
• 過度なUI要素やボーダーでレイアウトを雑然とさせない — サイトは清潔で広々とした、画像中心の美学を維持。
• インタラクティブ要素に鋭い四角い角を使用しない — UIは一貫して角丸を使用し、しばしばピルシェイプの半径に至る。
• ダークモードや重い背景を使用しない — サイトは主に#f7f7f7や#ffffffのような明るく中立的な背景を使用。
• 攻撃的なドロップシャドウや重いベベルを使用しない — シャドウは控えめで、主にカードを背景からわずかに浮き立たせるために使用。
• 避ける: 装飾的すぎる言葉
• 避ける: 攻撃的すぎる、あるいは過度にセールス調のコピー
• 避ける: 曖昧で抽象的な主張

10

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

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

11

System Prompt

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