厳選・オープン・無料

Suno

シンプルなテキストプロンプトを、AIを使用して完成度の高い楽曲に変換します。

01

デザイン DNA

テキストを音楽に変換する、魔法のような没入感のあるインターフェースを持つデジタルスタジオ。

02

カラー

高コントラストの温かみのあるホワイトと鮮やかなグラデーションアクセントを用いた、シネマティックなダークモード。

03

タイポグラフィ

geometric-sans

• display64px · 500

04

余白

4px基本ユニット

05

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

1px solid rgba(247, 244, 239, 0.1)

0 25px 50px -12px rgba(0,0,0,0.25) · 0 10px 15px -3px rgba(0,0,0,0.1) · -5.37px 0px 40px 0px rgba(255,176,3,0.07) · 5.37px 0px 40px 0px rgba(254,60,125,0.07)

06

レイアウト

フローティングカードと中央プロンプト入力を備えた、ヒーローフォーカス型。

07

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

滑らかなカラートランジション · ホバー時の控えめなスケールトランスフォーム · ヒーローテキストのタイプライター効果

ボタンやカードの控えめなスケールとカラートランジション。 · トランスフォームリセットによる即座のビジュアルフィードバック。

08

コンポーネント

• button グラデーション背景または控えめなボーダーを備えた、ピル型（丸みのある形状）。
• card 控えめなガラスモーフィズムまたはドロップシャドウを備えた、角丸矩形。
• chip 最小限のスタイリングを施した、小さめの丸みのあるピル型。
• input 統合されたアクションボタンを備えた、大きく角丸のある入力フィールド。
• hero シネマティックでぼかしの効いたグラデーション背景の上に中央配置されたテキストと、フローティングメディアカード。

09

文体と禁止事項

• トーン パーソナルミュージックプロデューサーのように、誘発的でクリエイティブ。
• 見出し 大きく、会話的で、記述的なプロンプト。
• CTA 直接的でアクション指向（例：「作成する」「無料でSunに参加」）。

• ライト背景を使用しない — スクリーンショットは深いダーク（#101012）ベースを示している。
• シャープな角を使用しない — スクリーンショットはほとんどの要素で角丸（最大999px）を示している。
• ヒーローに複雑なグリッドを使用しない — スクリーンショットは中央配置の単一カラムレイアウトを示している。
• 複数の鮮やかなアクセントカラーを使用しない — スクリーンショットは「作成する」ボタンに単一のプライマリグラデーション（オレンジ/ピンク）を使用している。
• 小さく穷屈なタイポグラフィを使用しない — スクリーンショットは文字間隔を詰めた、大きく太いディスプレイテキストを示している。
• すべてに重いドロップシャドウを使用しない — スクリーンショットはカードや特定のインタラクティブ要素にのみシャドウを示している。
• 避ける: 技術用語
• 避ける: 攻撃的なマーケティング言語
• 避ける: 過度にフォーマルなトーン

10

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

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

11

System Prompt

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