厳選・オープン・無料

Dovetail No

長く続くテクノロジー企業に投資する。

01

デザイン DNA

テクノロジーの持続性のための投資手段を生み出す、プレミアムなスイスのスタジオ。

02

カラー

単一のティントと濃いインク黒を主体とした、暖かみのある高コントラストのパレット。

03

タイポグラフィ

humanist-sans

• display56px · 500
• heading48px · 400
• body-lg28px · 400
• body22px · 400
• caption16px · 400

04

余白

line-heightおよびpaddingで実現する8pxベースの垂直リズム。

05

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

コンテナにボーダーなし；たまに2pxの区切り線または1pxのボーダーを使用。

06

レイアウト

大きなタイポグラフィと抽象的なイラストレーションが調和する2カラムの分割レイアウト。

07

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

ホバー時のカラーおよびフィルトランジション

ナビゲーションリンクおよびボタンの、繊細なカラーまたは透明度のトランジション。 · トランジションによる即座の視覚フィードバック。

08

コンポーネント

• button ハイコントラストのピル型ボタン（黒背景に白文字の反転カラー）。
• card 最小限または視覚的なボーダーを伴わない、クリーンでテキスト主導のカード。
• chip シンプルでボーダーのないナビゲーションリンク。
• input N/A
• hero 大きな抽象的なイラストレーションと調和する、巨大なタイポグラフィのステートメント。

09

文体と禁止事項

• トーン 自信に満ち、率直で、プレミアム。
• 見出し 大きく、太字で、ステートメント主導。負のトラッキングを多用。
• CTA シンプルで、アクション指向、非常に読みやすい。

• 明るいアクセントカラーを使用しない — スクリーンショットは厳格な2トーンのパレットを示しています。
• 遊び心のあるまたは装飾的な書体を使用しない — スクリーンショットはクリーンなヒューマニストサンセリフを示しています。
• コンテナにドロップシャドウを追加しない — スクリーンショットはフラットでシャドウのないサーフェスを示しています。
• 複雑なグラデーションを使用しない — スクリーンショットは単一のソリッドな暖色の背景を示しています。
• 小さな要素でレイアウトを雑踏にしない — スクリーンショットはゆったりとした、タイポグラフィ主導の階層構造を示しています。
• ボーダーのある丸角カードを使用しない — スクリーンショットはオープンスペースと最小限の視覚コンテナを示しています。
• 避ける: 派手なグラデーション
• 避ける: ネオンカラー
• 避ける: 遊び心のある絵文字
• 避ける: 密集した段落
• 避ける: 複雑なアイコノグラフィー

10

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

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

11

System Prompt

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