厳選・オープン・無料

Redis Agency

深い黒のキャンバスを背景に、オーバーサイズのタイポグラフィと有機的な3D要素を活用した、視覚的に印象的なデザインエージェンシーサイト。

01

デザイン DNA

生の有機的テクスチャと鋭いモダンなタイポグラフィを融合させたハイエンドデザインギャラリー。

02

カラー

最大のインパクトを与えるための、鮮明なピンクのアクセントを加えたハイコントラストのモノクロームベース。

03

タイポグラフィ

didone-serif · grotesque-sans

• display90px · 400
• heading36px · 400
• body18px · 400

すべてのUI要素と本文には、グロテスクサンセリフを使用してください。 · 巨大でインパクトのある見出しには、ディドンセリフのみを使用してください。 · ディスプレイテキストの字間は狭めに保ち、エディトリアルな印象を高めてください。

04

余白

セクションを分離し、大きなタイポグラフィが呼吸できるように、十分な余白と広いギャップを使用しています。

05

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

0px 8px 24px rgba(0,0,0,0.5)

06

レイアウト

巨大な中央配置の要素が支配的な、フルワイドで端から端まで表示されるレイアウト。

07

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

インタラクティブ要素の滑らかな不透明度とトランスフォームのトランジション。 · ボタンとリンクのホバーエフェクト。

インタラクティブ要素の微妙な色の変化や不透明度の変更。 · 即座の視覚的フィードバックを提供する、標準的なポインターインタラクション。

08

コンポーネント

• button 白いボーダーと黒い背景を持つ、ピル形状のボタン。
• card 大きなボーダーレディウスと、控えめなダークグラデーションまたはソリッド背景を持つカード。
• hero 巨大なセリフの見出しと浮遊する3D有機画像を備えた、没入型のフルスクリーンセクション。

09

文体と禁止事項

• トーン 洗練され、率直で、少し先鋭的。
• 見出し ミニマリストで表現力豊かな、大きな、印象的な言葉を使用。
• CTA 明確なピル形状で囲まれた、シンプルで行動を促すテキスト。

• 丸みを帯びた、親しみやすい形状は使用しない — スクリーンショットには鋭く背の高いセリフとピル形状のボタンが表示されている。
• 明るい、またはカラフルな背景は使用しない — スクリーンショットには支配的な黒い背景（#000000）が表示されている。
• マルチカラーパレットは使用しない — スクリーンショットには厳格な白、黒、グレーの配色と単一のピンクのアクセントが表示されている。
• 小さく控えめなタイポグラフィは使用しない — スクリーンショットには巨大でオーバーサイズのディスプレイテキストが表示されている。
• 複雑でごちゃごちゃしたレイアウトは使用しない — スクリーンショットには広大な空白と集中した単一の要素が表示されている。
• 柔らかいパステルのアクセントカラーは使用しない — スクリーンショットには鮮明で高クロマのピンク（#EB516D）が表示されている。
• 避ける: 過度に親しみやすい専門用語
• 避ける: 過剰な句読点
• 避ける: 一般的なコーポレート言語

10

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

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

11

System Prompt

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