큐레이션 · 오픈 · 무료
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)で、トラッキングを Tight にする。
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 鮮やかな背景色を持つピルシェイプのボタン。
- card ミニマルなボーダーと微細なホバートランジションを持つシンプルなカード。
- chip ホバー時にボーダー下線が表示されるテキストリンク。
- input 角丸の標準フォームインプット。
- hero センタリングされた大型タイポグラフィを持つ、フルビューポート高のセクション。
09
보이스와 금지 목록
- 톤 モダンで、プロフェッショナルかつ励みになるような。
- 헤드라인 直接的で、アクション导向且つ大胆な。
- CTA 'Discover More' のように明確で惹きつけるCTA。
- 明るい背景を使用しない — スクリーンショットはダークテーマを示しています。
- セリフフォントを使用しない — スクリーンショットはジオメトリックサンセリフフォントを示しています。
- 角丸長方形のボタンを使用しない — スクリーンショットはピルシェイプのボタンを示しています。
- 鮮やかなネオン色をプライマリ背景として使用しない — スクリーンショットはダークグレーを使用しています。
- 複雑なパターンやテクスチャを使用しない — スクリーンショットはクリーンな塗りつぶし背景に微細なグラデーションを使用しています。
- 重いシャドウを使用しない — スクリーンショットは最小限または目に見えないシャドウを使用しています。
- 피하기: 専門用語
- 피하기: 過度な感嘆符
- 피하기: 受動態
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カラム製品グリッドを特徴としています。モダンな印象のためにピルシェイプのボタンを使用してください。
en · zh-CN · zh-TW · ja · ko