厳選・オープン・無料

Lamalama Nl

全力を注ぐか、そうでなければ何もしないと決めたクリエイティブデジタルエージェンシー。

01

デザイン DNA

高インパクトなフォトグラフィーと巨大で締めの詰まったタイポグラフィを組み合わせるデジタルクリエイティブスタジオ。

02

カラー

コントラストの高い二元性：巨大なタイポグラフィと写真を際立たせるために設計された、温かみのあるオフホワイトのテキストを載せた深みのある黒の背景。

03

タイポグラフィ

grotesque-sans · geometric-sans

• display80px · 700
• heading-140px · 500
• body16px · 400

すべてのUIラベルとメタデータは、大文字のモノスペースのようなトラッキングを使用。 · 見出しは tighten された行送りで厳密に左揃え。 · 本文は約680pxで快適な読む長さを維持。

04

余白

大胆なタイポグラフィ要素をフレームするために余裕のあるホワイトスペースを持つ、標準4pxベースグリッド。

05

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

装飾ではなく構造上の分離のみに厳密に使用される、最小限の1pxソリッドボーダー。

06

レイアウト

重いヒーローセクション、下部に固定されたナビゲーションバー、およびサイドパネルの画像を持つ非対称グリッド。

07

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

セクション間の滑らかなページトランジション。 · インタラクティブ要素の微妙なホバー状態。 · 動的な背景画像の変化。

インタラクティブ要素の微妙な不透明度または背景色の変化。 · 状態変化による即座の視覚的フィードバック。

08

コンポーネント

• button ブラurringまたはソリッド背景を持つ半透明のピル型ボタン。
• card ボーダーがなく、構造にフォトグラフィーに依存する画像主導のカード。
• chip タグとメタデータに使用される大文字のテキストピル。
• input フォーム用の最小限のボーダーボトム付きインプット。
• hero シネマティックな画像の上にオーバーサイズのタイポグラフィを持つ、フルブリードの没入型セクション。

09

文体と禁止事項

• トーン 自信に満ち、率直で揺るぎない。
• 見出し 大文字、タイトなトラッキング、巨大なスケール。
• CTA ミニマリストで行動指向のテキストを小文字のピルで使用。

• 中央揃えのテキストを使用しない — スクリーンショットでは、すべての見出しと本文コピーは厳密に左揃え。
• セリフフォントを使用しない — スクリーンショットでは、完全にグルテスクおよびジオメトリックサンセリフカテゴリを使用。
• 明るいネオンのアクセントを使用しない — スクリーンショットでは、オフホワイトと深みのある黒の抑制された高コントラストパレット。
• ボタンに太いボーダーラジウスを使用しない — スクリーンショットでは、ピル形状または微妙な角丸。
• 密集した段落レイアウトを使用しない — スクリーンショットでは、テキストブロックの周囲に余裕のあるホワイトスペース。
• 本文コピーに複数のフォントウェイトを使用しない — スクリーンショットでは、標準テキストに統一されたウェイト。
• 避ける: 受動的な言葉遣い
• 避ける: 過度な形容詞
• 避ける: 中央揃えのテキストブロック

10

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

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

11

System Prompt

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