厳選・オープン・無料

Augen Pro

Humanwareの先へ。

01

デザイン DNA

ヒューマン・オーグメンテーションのためのミニマルなラボラトリー。

02

カラー

鮮やかなブルーアクセントを1色用いた、ハイコントラストのミニマルデザイン。

03

タイポグラフィ

geometric-sans · monospace

• display56px · 350
• body16px · 350

テキストにはすべてジオメトリックサンスを使用。 · 繊細で技術的な見た目を保つため、ライトウェイトを維持。 · ディスプレイテキストにはネガティブレタースペーシングを使用。

04

余白

焦点と豪華さの感覚を生み出す、ゆとりのあるホワイトスペース。

05

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

コンテナやチップ用の、薄く微細なボーダー。

0 2px 10px rgba(0, 0, 0, 0.05)

06

レイアウト

大きなヒーローセクションを持つ、セントラルカラムレイアウト。

07

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

トランジションのための微細なフェードとスライド。 · ボタンの滑らかなホバーエフェクト。

背景色の変化、または微細なテキスト色のシフト。 · 微細なスケールまたは色の変化。

08

コンポーネント

• button 薄いボーダーとブルーテキストを持つ、ピルシェイプのボタン。
• card 微細な背景を持つ、ミニマルなカード。
• chip カテゴリ用の、アウトライン付きピルシェイプチップ。
• input クリーンでボーダーレスなインプット。
• hero 最小限のテキストオーバーレイを持つ、大きな3Dレンダー。

09

文体と禁止事項

• トーン 技術的、先駆的、洗練された。
• 見出し 短く、インパクトのあるステートメント。
• CTA 明確で、アクション指向のラベル。

• 重いボーダーは使用しない — スクリーンショットでは薄く微細なラインが示されています。
• ボールドなタイポグラフィは使用しない — スクリーンショットではライトで洗練されたウェイトが示されています。
• 複数のアクセントカラーは使用しない — スクリーンショットではブルーのアクセントが1色示されています。
• メインヒーローに暗い背景は使用しない — スクリーンショットではホワイトの背景が示されています。
• 遊び心のある、または丸みを帯びた形状は使用しない — スクリーンショットではシャープで幾何学的なフォームが示されています。
• 複雑なグラデーションは使用しない — スクリーンショットではソリッドカラーと微細なシャドウが示されています。
• 避ける: ごちゃごちゃしたレイアウト
• 避ける: 明るく、多色のアクセント
• 避ける: 丸みを帯びた、遊び心のある形状

10

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

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

11

System Prompt

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