Canva は誰もが使えるオンラインビジュアル制作プラットフォームです。そのスタイルは紫から青へのグラデーション（#7d2ae8 → #00c4cc）で白いキャンバスに創造性を演出します。Canva Sans の丸みあるジオメトリック書体が全テキストを貫き、色ではなくウェイトで階層をつくります。角丸は 12〜20px、ピル型は 9999px。シャドウはクールな色味でホバー時に成長し、アイコンはすべて塗りで丸みを持たせ、アウトラインは決して使いません。デザインツールとクリエイティブコンテンツのプロダクトに適しています。
Canvaデザインとクリエイティブ
プロンプトテンプレート
基本テンプレート
Design a Canva-inspired interface. - White canvas with a violet-to-cyan gradient (#7d2ae8 → #00c4cc); - Canva Sans (rounded geometric) for everything; weight contrast over color; - 12–20px radii everywhere; 9999px pills for chips and tags; - Soft cool-toned shadows that grow on hover; - Filled rounded iconography — never outlined. Colors: #7d2ae8, #00c4cc, #ff5757, #ffffff with #7d2ae8 accent. Typography: - Background:.
バリエーションプロンプト
📱 モバイル
Design a mobile app with Canva aesthetics. Use Canva color identity with #7d2ae8 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Canva style. Use Canva color identity with #7d2ae8 accents. Professional, responsive layout.
📊 ダッシュボード
Design a dashboard with Canva design language. Use Canva color identity with #7d2ae8 accents. Data-rich, organized, clear hierarchy.
📄 ランディングページ
Design a landing page with Canva visual identity. Use Canva color identity with #7d2ae8 accents. Compelling, conversion-focused.
使用例
Canva アプリ
WebBuild a web app with Canva design language and #7d2ae8 color system.
Canva ダッシュボード
ダッシュボードCreate a dashboard using Canva style with data visualization and - Background: typography.
✅ 適した用途
- デザイン協業
- クリエイティブデザインツールのエディタ UI
- 一般向けのテンプレートと素材マーケット
❌ 適さない用途
- 厳粛で落ち着いた金融管理画面
- ミニマルな白黒の技術ドキュメントサイト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。