厳選・オープン・無料
Lamalama Nl
全力を注ぐか、そうでなければ何もしないと決めたクリエイティブデジタルエージェンシー。
AgencyBold TypographyDark ModePhotographicExpressive
01
デザイン DNA
クリエイティブ大胆揺るぎない技術エージェンシー
高インパクトなフォトグラフィーと巨大で締めの詰まったタイポグラフィを組み合わせるデジタルクリエイティブスタジオ。
02
カラー
#f9f4ebInk
#ffffffInk soft
#010101BG
#1a1c1cBG soft
#999999Muted
rgba(249, 244, 235, 0.2)Line
コントラストの高い二元性:巨大なタイポグラフィと写真を際立たせるために設計された、温かみのあるオフホワイトのテキストを載せた深みのある黒の背景。
03
タイポグラフィ
grotesque-sans · geometric-sans
- display
80px · 700 - heading-1
40px · 500 - body
16px · 400
すべてのUIラベルとメタデータは、大文字のモノスペースのようなトラッキングを使用。 · 見出しは tighten された行送りで厳密に左揃え。 · 本文は約680pxで快適な読む長さを維持。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
大胆なタイポグラフィ要素をフレームするために余裕のあるホワイトスペースを持つ、標準4pxベースグリッド。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 0px
lg · 0px
pill · 9999px
装飾ではなく構造上の分離のみに厳密に使用される、最小限の1pxソリッドボーダー。
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
重いヒーローセクション、下部に固定されたナビゲーションバー、およびサイドパネルの画像を持つ非対称グリッド。
07
モーションとインタラクション
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing
セクション間の滑らかなページトランジション。 · インタラクティブ要素の微妙なホバー状態。 · 動的な背景画像の変化。
インタラクティブ要素の微妙な不透明度または背景色の変化。 · 状態変化による即座の視覚的フィードバック。
08
コンポーネント
- button ブラurringまたはソリッド背景を持つ半透明のピル型ボタン。
- card ボーダーがなく、構造にフォトグラフィーに依存する画像主導のカード。
- chip タグとメタデータに使用される大文字のテキストピル。
- input フォーム用の最小限のボーダーボトム付きインプット。
- hero シネマティックな画像の上にオーバーサイズのタイポグラフィを持つ、フルブリードの没入型セクション。
09
文体と禁止事項
- トーン 自信に満ち、率直で揺るぎない。
- 見出し 大文字、タイトなトラッキング、巨大なスケール。
- CTA ミニマリストで行動指向のテキストを小文字のピルで使用。
- 中央揃えのテキストを使用しない — スクリーンショットでは、すべての見出しと本文コピーは厳密に左揃え。
- セリフフォントを使用しない — スクリーンショットでは、完全にグルテスクおよびジオメトリックサンセリフカテゴリを使用。
- 明るいネオンのアクセントを使用しない — スクリーンショットでは、オフホワイトと深みのある黒の抑制された高コントラストパレット。
- ボタンに太いボーダーラジウスを使用しない — スクリーンショットでは、ピル形状または微妙な角丸。
- 密集した段落レイアウトを使用しない — スクリーンショットでは、テキストブロックの周囲に余裕のあるホワイトスペース。
- 本文コピーに複数のフォントウェイトを使用しない — スクリーンショットでは、標準テキストに統一されたウェイト。
- 避ける: 受動的な言葉遣い
- 避ける: 過度な形容詞
- 避ける: 中央揃えのテキストブロック
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
巨大なグルテスクのタイポグラフィとシネマティックなフォトグラフィーを特徴とする、大胆で高コントラストのクリエイティブエージェンシーウェブサイト。デザインは、深みのある黒(#010101)の背景と温かみのあるオフホワイト(#f9f4eb)のテキストに依存。表示用タイポグラフィはタイトな行送りを持つ重いグルテスクサンセリフカテゴリを使用し、本文コピーはクリーンなジオメトリックサンセリフカテゴリを使用。レイアウトは厳密に左揃えで、プロフェッショナルで編集的な雰囲気を維持するために中央揃えの要素は回避。主要なインタラクションには、滑らかなホバートランジションと没入感のあるフルブリードヒーローセクションが含まれる。特に、セリフフォント、中央揃えのテキスト、明るいネオンのアクセント、または密集した雑然としたレイアウトの使用は避けること。システムは、忙しいUIパターンではなく、視覚的なインパクトを通じて「全力を注ぐ」大胆さを強調しています。
en · zh-CN · zh-TW · ja · ko