Aaply · デザイン DNA

チームがモバイルアプリをデザインし、ユーザー中心の製品体験を構築するためのコラボレーション・ツールです。

デザイン DNA

カラー

#e6e51eAccent

#000000Ink

#f2f2f2BG

#ffffffBG soft

#c4c4c4Muted

rgba(0,0,0,1)Line

ハイコントラストな白黒を基盤とし、プライマリアクションには鮮やかで高彩度のイエロー・アクセントを配します。

タイポグラフィ

余白

4px

8px

16px

24px

32px

48px

64px

96px

セクション間にたっぷりと余白を設け、清潔で開放的な印象を維持します。

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

レイアウト

大きなタイポグラフィとたっぷりとした縦方向の余白を持つ、中央揃えのコンテナ。

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

ページ読み込み時のフェードインとスライドアップ · hover時の色とシャドウのトランジション

背景色のトランジションと、box-shadowによる微妙な高さの変化。 · スケールや色の微細な変化による、即座のフィードバック。

コンポーネント

文体と禁止事項

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

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

System Prompt

これは、モバイルアプリデザインツールのための、遊び心あふれるハイコントラストなSaaSランディングページです。コアアイデンティティは、明るいグレー（#f2f2f2）の背景、鮮明な黒（#000000）のテキスト、プライマリアクション用の鮮やかで高彩度のイエロー（#e6e51e）のアクセントで構築されています。タイポグラフィは、大胆で幾何学的なサンセリフのディスプレイフォント（Poppins）と、クリーンなヒューマニスト・サンセリフの本文フォント（Inter）を組み合わせています。レイアウトはたっぷりとした余白、中央揃えのコンテナ、大きく丸みを帯びたピル型のUI要素を使用しています。重要な禁止事項：ダークモード、細いタイポグラフィ、角の尖った形状、控えめなアクセント、密に詰め込まれたレイアウト、絵文字のない無機質なヘッドラインは避けてください。デザインは表現力豊かで、人間中心、そしてコラボレーティブなモバイルワイヤーフレーミングに焦点を当てています。

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

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

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