厳選・オープン・無料

Fluidtouch Biz

プレミアムなペーパーレス生産性アプリを作成するモダンなソフトウェアスタジオ。

01

デザイン DNA

デジタルトランスフォーメーションに特化した、洗練されたモダンなアプリスタジオ。

02

カラー

プライマリアクションとハイライトには鮮やかなピンクアクセントを使用したダークモード。

03

タイポグラフィ

geometric-sans

• display64px · 700
• heading48px · 700
• subhead22px · 400
• body16px · 400

すべてのプライマリおよびセカンダリテキストにジオメトリックサンスを使用します。 · 見出しは太字（700）で、トラッキングを狭めます。

04

余白

標準的な4pxグリッドベースのスペーシング。

05

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

1px solid rgba(255,255,255,0.1)

0px 4px 16px rgba(0,0,0,0.1)

06

レイアウト

フルワイドのヒーローセクションに、3カラムの製品グリッドが続きます。

07

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

インタラクティブな要素に対するホバー時の滑らかなトランジション。 · コンテンツセクションへのフェードインアニメーション。

テキストリンクの色の変化とアンダーラインの表示。 · 微細なスケールまたは色の変化によるフィードバック。

08

コンポーネント

• button 鮮やかな背景色を持つピル-shaped（カプセル型）のボタン。
• card 最小限のボーダーと微細なホバートランジションを備えたシンプルなカード。
• chip ホバー時にボーダー下線が表示されるテキストリンク。
• input 角丸の標準フォーム入力。
• hero 中央揃えの大きなタイポグラフィを含む、フルビューポート高さのセクション。

09

文体と禁止事項

• トーン モダンで、プロフェッショナルかつ前向き。
• 見出し 直接的で、アクション指向かつ大胆。
• CTA 「もっと見る」のような明確で魅力的なCTA。

• 明るい背景を使用しない — スクリーンショットはダークテーマを示しています。
• セリフフォントを使用しない — スクリーンショットはジオメトリックサンセリフフォントを示しています。
• 角丸長方形のボタンを使用しない — スクリーンショットはピル-shaped（カプセル型）のボタンを示しています。
• 鮮やかなネオン色をプライマリ背景に使用しない — スクリーンショットはダークグレーを使用しています。
• 複雑なパターンやテクスチャを使用しない — スクリーンショットはクリーンでソリッドな背景に微細なグラデーションを使用しています。
• 重い影を使用しない — スクリーンショットは最小限または目に見える影を一切使用していません。
• 避ける: 専門用語
• 避ける: 過度な感嘆符
• 避ける: 受動態

10

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

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

11

System Prompt

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