厳選・オープン・無料

Lakgallery

コレクタブルデザインオブジェクトのための、ミニマルでハイエンドなキュレーションプラットフォーム。

01

デザイン DNA

静かな白いキューブのギャラリースペース。オブジェクトだけが大声で語る。

02

カラー

極度の抑制。モノクロのベースに、背景パネルの控えめな温みのあるニュートラルな変化を加えます。

03

タイポグラフィ

grotesque-sans

• display47px · 400
• heading29px · 400
• body19px · 400
• caption13px · 400

すべての見出し本文テキストに、タイトなネガティブトラッキングを適用します。 · すべてのタイポグラフィ要素に、厳密に統一されたウェイト400を維持します。

04

余白

主要セクション間には豊富な余白を設け、コンポーネントグループ内にはよりタイトな間隔を設定します。

05

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

区切りのために、細い1ピクセルの実線ボーダーと水平線を控えめに使用します。

06

レイアウト

カテゴリセクションのフルワイド縦スタック。各セクションには、フレキシブルな商品カードグリッドを配置します。

07

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

hover時の一般的なプロパティに適用されるスムーズなトランジション。 · 特定のインタラクティブ要素に対する控えめなトランスフォームアニメーション。

すべての商品カードとナビゲーション要素のインタラクティビティを、ポインタカーソルが示します。 · 非インタラクティブなラベルには、標準カーソルによるテキスト選択。

08

コンポーネント

• button 特定のタグに小さなborder-radiusを持つ、ミニマルなテキストベースのリンクです。
• card 控えめなニュートラル背景パネル、中央揃えの商品画像、左揃えテキストを特徴とする縦スタック。
• chip 細い1pxボーダーと最小限のパディングを持つ、小さな角丸タグ。
• input 提供されたスクリーンショットには表示されません。
• hero 中央揃えのカテゴリタイトルと、それに続くアイテムの水平グリッドを備えた、クリーンなフルワイドヘッダー。

09

文体と禁止事項

• トーン 客観的で静か、そして洗練されている。
• 見出し タイトなトラッキングを持つ、短く、非常に可読性の高い、大文字またはタイトルケースのカテゴリ名。
• CTA 重いコールトゥアクションボタンではなく、控えめなテキストベースのナビゲーション。

• 商品カードにドロップシャドウを追加しないでください。スクリーンショットでは、フラットでソリッドな背景パネルが使用されています。
• 太字テキストウェイトを使用しないでください。スクリーンショットでは、すべてのタイポグラフィに統一されたウェイト400が使用されています。
• CTAに明るいアクセントカラーを導入しないでください。スクリーンショットでは、厳密にモノクロの黒テキストが使用されています。
• 装飾的なセリフフォントを使用しないでください。スクリーンショットでは、完全にニュートラルなグロテスクサンセリフに依存しています。
• カードにborder-radiusを追加しないでください。スクリーンショットでは、厳密にシャープで90度の角が使用されています。
• レイアウトを重いボーダーで雑踏させないでください。スクリーンショットでは、最小限の細い水平線、または全く使用されていません。
• 避ける: 装飾的な要素や装飾を避けてください。
• 避ける: 彩度の高いアクセントカラーを避けてください。
• 避ける: 複雑なタイポグラフィや複数のフォントウェイトを避けてください。

11

System Prompt

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