Atmos Leeroy Ca · デザイン DNA

大胆なセリフ書体と大気的なグラデーションを融合した、没入型シュールなデジタル体験

デザイン DNA

幻想的で広大な空間を感じる、高級デジタル雑誌またはギャラリースペース

カラー

#FFFFFFInk

#000000Ink soft

#0A1A99BG

#C5D2F0BG soft

rgba(0, 0, 0, 0.1)Line

幻想的な青から白へのグラデーションが大気的でシュールな空を想起させ、高コントラストの白タイポグラフィを強調

タイポグラフィ

本文テキストとUI要素にはDM Sansを使用 · メインブランドワードマークにはDidoneセリフ（Times New Romanや_NewYorkなど）を使用 · ナビゲーションと円形テキスト要素には严格な大文字を維持

余白

4px

8px

16px

24px

32px

48px

64px

96px

144px

250px

没入型ヒーローセクションのための144pxおよび250px-spacingを備えた豊かなパディング

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

白または黒の1pxボトムボーダー、50px-radiusのピルシェイプボタン

レイアウト

中央揃えコンテンツと豊かな垂直スペーシングを備えたフルブリードグラデーション背景

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

背景と不透明度変更のための1秒リニアトランジション · インタラクティブ要素のための0.5秒cubic-bezierイージング · 円形テキスト要素の繰り返し回転アニメーション

0.5秒cubic-bezierタイミングの繊細なトランジション · 一部要素のgrabカーソルを備えた標準的なpointerインタラクション

コンポーネント

文体と禁止事項

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

Atmos Leeroy Ca — 桌面首屏（hero） — 桌面首屏（hero）

Atmos Leeroy Ca — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

これは青から白への大気的なグラデーションと巨大なセリフタイポグラフィを使用した没入型シュールなデジタル体験です。デザインはDidoneセリフ書体の200px「ATMOS」ワードマークを中心に、本文テキストとUI要素にはhumanist-sans DM Sansを採用しています。カラーパレットはグラデーションブルー（#0A1A99から#C5D2F0、さらに#FFFFFF）と純白（#FFFFFF）テキスト、およびブラック（#000000）アクセントに限定されています。重要なデザイン原則には、豊かなスペーシング（144pxおよび250pxパディング）、ピルシェイプボタン（50px-radius）、滑らかな1秒リニアトランジションが含まれます。重要な禁止事項：雑然としたレイアウトを避け、メインワードマークにサンセリフを使用せず、幻想的なグラデーション美学を壊す明るいアクセントカラーを導入しないこと。システムは機能テキストにDM Sans、ディスプレイタイポグラフィにセリフ書体を使用し、プレミアムなエディトリアル感を生み出しています。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗