厳選・オープン・無料
Dovetail No
長く続くテクノロジー企業に投資する。
FintechPremiumEditorialBold Typography
01
デザイン DNA
投資テクノロジーパートナーシップデザイン持続性
テクノロジーの持続性のための投資手段を生み出す、プレミアムなスイスのスタジオ。
02
カラー
#1D1E21Ink
#F9E5B1BG
#9CA3AFMuted
rgba(229,231,235,1)Line
単一のティントと濃いインク黒を主体とした、暖かみのある高コントラストのパレット。
03
タイポグラフィ
humanist-sans
- display
56px · 500 - heading
48px · 400 - body-lg
28px · 400 - body
22px · 400 - caption
16px · 400
04
余白
4px
8px
16px
24px
32px
48px
64px
96px
line-heightおよびpaddingで実現する8pxベースの垂直リズム。
05
サーフェス (角丸 / 影 / 罫線)
sm · 4px
md · 16px
lg · 24px
pill · 9999px
コンテナにボーダーなし;たまに2pxの区切り線または1pxのボーダーを使用。
06
レイアウト
1280container
12columns
24pxgutter
768 / 1024breakpoints
大きなタイポグラフィと抽象的なイラストレーションが調和する2カラムの分割レイアウト。
07
モーションとインタラクション
150msmicro
200mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
ホバー時のカラーおよびフィルトランジション
ナビゲーションリンクおよびボタンの、繊細なカラーまたは透明度のトランジション。 · トランジションによる即座の視覚フィードバック。
08
コンポーネント
- button ハイコントラストのピル型ボタン(黒背景に白文字の反転カラー)。
- card 最小限または視覚的なボーダーを伴わない、クリーンでテキスト主導のカード。
- chip シンプルでボーダーのないナビゲーションリンク。
- input N/A
- hero 大きな抽象的なイラストレーションと調和する、巨大なタイポグラフィのステートメント。
09
文体と禁止事項
- トーン 自信に満ち、率直で、プレミアム。
- 見出し 大きく、太字で、ステートメント主導。負のトラッキングを多用。
- CTA シンプルで、アクション指向、非常に読みやすい。
- 明るいアクセントカラーを使用しない — スクリーンショットは厳格な2トーンのパレットを示しています。
- 遊び心のあるまたは装飾的な書体を使用しない — スクリーンショットはクリーンなヒューマニストサンセリフを示しています。
- コンテナにドロップシャドウを追加しない — スクリーンショットはフラットでシャドウのないサーフェスを示しています。
- 複雑なグラデーションを使用しない — スクリーンショットは単一のソリッドな暖色の背景を示しています。
- 小さな要素でレイアウトを雑踏にしない — スクリーンショットはゆったりとした、タイポグラフィ主導の階層構造を示しています。
- ボーダーのある丸角カードを使用しない — スクリーンショットはオープンスペースと最小限の視覚コンテナを示しています。
- 避ける: 派手なグラデーション
- 避ける: ネオンカラー
- 避ける: 遊び心のある絵文字
- 避ける: 密集した段落
- 避ける: 複雑なアイコノグラフィー
10
パック内の実スクリーンショット
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏実ページから取得 · 実 computed styles
11
System Prompt
Dovetailは、デザイン主導の上質なデジタルプレゼンスを持つ投資会社です。プライマリパレットは暖かみのある高コントラストで、支配的な砂黄色の背景(#F9E5B1)と濃いインク黒(#1D1E21)が特徴です。タイポグラフィはクリーンなヒューマニストサンセリフで、現代的で自信に満ちた印象のために Tight tracking で大胆に使用されます。重要なデザイン制約:1) 遊び心のあるまたは装飾的なフォントは決して使用しない;2) 明るいアクセントカラーや複雑なグラデーションは避ける;3) ドロップシャドウや密集したコンテナを使用しない。レイアウトはゆったりとしてエディトリアルで、大胆な抽象的なイラストレーションと大きなステートメントを調和させています。
en · zh-CN · zh-TW · ja · ko