큐레이션 · 오픈 · 무료

Fluidtouch Biz

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

01

디자인 DNA

デジタル変革にフォーカスした、洗練されたモダンアプリスタジオ。

02

컬러

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

03

타이포그래피

geometric-sans

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

プライマリおよびセカンダリテキストにはジオメトリックサンセリフを使用する。 · 見出しはボールド（700）で、トラッキングを Tight にする。

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 鮮やかな背景色を持つピルシェイプのボタン。
• card ミニマルなボーダーと微細なホバートランジションを持つシンプルなカード。
• chip ホバー時にボーダー下線が表示されるテキストリンク。
• input 角丸の標準フォームインプット。
• hero センタリングされた大型タイポグラフィを持つ、フルビューポート高のセクション。

09

보이스와 금지 목록

• 톤 モダンで、プロフェッショナルかつ励みになるような。
• 헤드라인 直接的で、アクション导向且つ大胆な。
• CTA 'Discover More' のように明確で惹きつけるCTA。

• 明るい背景を使用しない — スクリーンショットはダークテーマを示しています。
• セリフフォントを使用しない — スクリーンショットはジオメトリックサンセリフフォントを示しています。
• 角丸長方形のボタンを使用しない — スクリーンショットはピルシェイプのボタンを示しています。
• 鮮やかなネオン色をプライマリ背景として使用しない — スクリーンショットはダークグレーを使用しています。
• 複雑なパターンやテクスチャを使用しない — スクリーンショットはクリーンな塗りつぶし背景に微細なグラデーションを使用しています。
• 重いシャドウを使用しない — スクリーンショットは最小限または目に見えないシャドウを使用しています。
• 피하기: 専門用語
• 피하기: 過度な感嘆符
• 피하기: 受動態

10

팩 안의 실제 스크린샷

실제 페이지에서 캡처 · 실 computed styles

11

System Prompt

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