厳選・オープン・無料

Replay Software

あなたのMacの究極の音楽アクセサリー。

01

デザイン DNA

macOS環境に溶け込む、 sleeken デスクトップ音楽コントローラー。

02

カラー

クリーンな白のキャンバスに、明瞭さと集中を高めるハイコントラストの濃色テキストを採用します。

03

タイポグラフィ

geometric-sans · humanist-sans

• display64px · 700
• heading40px · 700
• body18px · 400

見出しには、タイトなトラッキングの幾何学的なサンセリフ（太字）を使用します。 · 本文には、非常に読みやすいヒューマニストサンセリフを使用します。 · 明確な階層をつけるために、レイアウトの大部分を大きなタイポグラフィサイズで構成します。

04

余白

竖方向に十分なスペースを確保し、大きなタイポグラフィを強調し、落ち着いたプレミアム感を演出します。

05

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

インタラクティブ要素に、微細で細いボーダーを適用します。

0 4px 24px rgba(0,0,0,0.08)

06

レイアウト

目立つヒーローグラフィックと明確なタイポグラフィ階層を持つ、中央揃えの単一カラムレイアウトです。

07

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

ボタンやナビゲーション項目へのhoverトランジション。

インタラクティブ要素に、微細な色の変化やシャドウの変化を適用します。 · 即座の視覚的フィードバック（微細なスケールや透明度の変化など）を実現します。

08

コンポーネント

• button 角丸長方形またはピル型で、塗りつぶしのカラーフィル、ハイコントラストのテキスト、微細なシャドウまたはボーダーを適用します。
• card メインのプロダクトグラフィックに使用。角丸とソフトなドロップシャドウを持つ大きな画像が特徴です。
• chip ヘッダー内に設置する、製品切り替え用の小さな角丸导航 Pills。
• hero コンテキスト内でプロダクトを紹介する大きな中央揃えグラフィックで、浮遊する装飾要素を配置します。

09

文体と禁止事項

• トーン 自信に満ち、ミニマルで、プレミアム感があります。
• 見出し 直接的で大胆な、benefit-oriented な表述を用います。
• CTA 明確で行動を促すテキストを採用し、適用可能な場合は価格情報を含めます。

• ダークモードを使用しない — スクリーンショットは白を基調とした背景を示しています。
• 細く繊細なタイポグラフィを使用しない — スクリーンショットは太字で重みのあるフォントウェイトを採用しています。
• 複雑なグリッドレイアウトを使用しない — スクリーンショットはシンプルで中央揃えの単一カラムレイアウトです。
• くすんだ、彩度の低いカラーパレットを使用しない — スクリーンショットは鮮やかなカラフルなプロダクトグラフィックを特徴としています。
• 小さく窮屈なスペーシングを使用しない — スクリーンショットは要素の周囲に十分な余白を確保しています。
• 華美または装飾的なフォントを使用しない — スクリーンショットはクリーンで幾何学的なサンセリフタイポグラフィを採用しています。
• 避ける: 専門用語
• 避ける: 過度に技術的な言語
• 避ける: 雑然としたレイアウト

11

System Prompt

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