厳選・オープン・無料

Manetatoulian

関連する検索トピックスを表示する、標準的なドメインパーキングランディングページ。

ConsumerCalmProductCleanReference
Manetatoulian のスクリーンショット
↓ デザインシステムをダウンロード (1 MB)OpenDesign で開く

オリジナル: https://manetatoulian.com

📦 パックの中身を見る →

01

デザイン DNA

ドメインパーキング検索マネタイズユーティリティ

生成された検索リンクを持つデジタル待合室

02

カラー

#B8E4FCAccent
#111111Ink
#FFFFFFBG
#000000Muted
rgba(0,0,0,1.0)Line

ライトブルーの機能的アクセントを用いた、高コントラストなブラック&ホワイト。

03

タイポグラフィ

grotesque-sans

04

余白

4px
8px
16px
24px
32px
48px

16pxから32pxの間隔を置いた垂直スタッキング。

05

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

sm · 5px
md · 6px
lg · 14px
pill · 999px

1pxから3pxの、ソリッドなブラックボーダー。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

ヘッダー、コンテンツボックス、アイテムリスト、フッター。

07

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

220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing

ホバーステートのトランジション

CSSトランジションを伴う、標準的なポインターカーソル。 · 標準的なリンクナビゲーション。

08

コンポーネント

09

文体と禁止事項

10

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

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

11

System Prompt

検索関連コンテンツを表示するための、ミニマルでユーティリティ重視のインターフェースをデザインします。ビジュアルDNAは、明るいライトブルーアクセントを用いた高コントラストなブラック&ホワイトに基づきます。クリーンなヒューマニストまたはグロテスクsans-serifフォントファミリィを使用します。レイアウトは严格に中央揃えで、機能的なカードのシングルカラムリストです。重要な制約:ドロップシャドウを使用しない。プライマリコンテンツブロックに角丸を使用しない。セリフタイポグラフィを使用しない。細いボーダーを使用せず、太いブラックアウトラインを使用。複雑なグラデーションを導入しない。淡いカラーパレットを使用せず、テキストと背景の間の高コントラストを維持。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック(エージェント用) ↗

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