厳選・オープン・無料
Fluidtouch Biz
プレミアムなペーパーレス生産性アプリを作成するモダンなソフトウェアスタジオ。
SaaSProductivityApp UICleanProduct
01
デザイン DNA
生産性ノートテイキングペーパーレスジャーナリングモダン
デジタルトランスフォーメーションに特化した、洗練されたモダンなアプリスタジオ。
02
カラー
#f31765Accent
#ffffffInk
#a9afc3Ink soft
#121318BG
#191c26BG soft
#212529BG quiet
rgba(33, 37, 41, 1.0)Line
プライマリアクションとハイライトには鮮やかなピンクアクセントを使用したダークモード。
03
タイポグラフィ
geometric-sans
- display
64px · 700 - heading
48px · 700 - subhead
22px · 400 - body
16px · 400
すべてのプライマリおよびセカンダリテキストにジオメトリックサンスを使用します。 · 見出しは太字(700)で、トラッキングを狭めます。
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
標準的な4pxグリッドベースのスペーシング。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid rgba(255,255,255,0.1)
0px 4px 16px rgba(0,0,0,0.1)
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
フルワイドのヒーローセクションに、3カラムの製品グリッドが続きます。
07
モーションとインタラクション
150msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
インタラクティブな要素に対するホバー時の滑らかなトランジション。 · コンテンツセクションへのフェードインアニメーション。
テキストリンクの色の変化とアンダーラインの表示。 · 微細なスケールまたは色の変化によるフィードバック。
08
コンポーネント
- button 鮮やかな背景色を持つピル-shaped(カプセル型)のボタン。
- card 最小限のボーダーと微細なホバートランジションを備えたシンプルなカード。
- chip ホバー時にボーダー下線が表示されるテキストリンク。
- input 角丸の標準フォーム入力。
- hero 中央揃えの大きなタイポグラフィを含む、フルビューポート高さのセクション。
09
文体と禁止事項
- トーン モダンで、プロフェッショナルかつ前向き。
- 見出し 直接的で、アクション指向かつ大胆。
- CTA 「もっと見る」のような明確で魅力的なCTA。
- 明るい背景を使用しない — スクリーンショットはダークテーマを示しています。
- セリフフォントを使用しない — スクリーンショットはジオメトリックサンセリフフォントを示しています。
- 角丸長方形のボタンを使用しない — スクリーンショットはピル-shaped(カプセル型)のボタンを示しています。
- 鮮やかなネオン色をプライマリ背景に使用しない — スクリーンショットはダークグレーを使用しています。
- 複雑なパターンやテクスチャを使用しない — スクリーンショットはクリーンでソリッドな背景に微細なグラデーションを使用しています。
- 重い影を使用しない — スクリーンショットは最小限または目に見える影を一切使用していません。
- 避ける: 専門用語
- 避ける: 過度な感嘆符
- 避ける: 受動態
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
これは生産性アプリを作成するソフトウェアスタジオのためのダークテーマのウェブサイトです。デザインは、深いグレーとブラックのカラーパレット(#121318, #191c26)に鮮やかなピンクのアクセント(#f31765)を使用しています。タイポグラフィはクリーンでジオメトリックなサンセリフ(Poppins)で、太字の大きな見出しが特徴です。重要な禁止事項には、明るい背景、セリフフォント、複雑なテクスチャの使用回避が含まれます。レイアウトはフルハイトのヒーローセクションとクリーンな3カラムの製品グリッドを特徴としています。モダンな印象のためにピル-shaped(カプセル型)のボタンを使用してください。
en · zh-CN · zh-TW · ja · ko