Fictional Typeface · デザイン DNA

個性的な幾何学書体のための、賑やかなコミックブック風書体サンプル。

デザイン DNA

カラー

#FD4B38Accent

#000000Ink

#666666Ink soft

#FFE9CEBG

#FFFFFFBG soft

#9D968EMuted

rgba(255,255,255,1.0)Line

柔らかな桃色背景の上に、高彩度のポップカラー（赤、黄、緑、紫）を配置し、遊び心がありながらも統一感のあるコミックブックの美学を創り出します。

タイポグラフィ

余白

4px

8px

16px

24px

32px

48px

64px

96px

意図的なオーバーラップと散らばった要素を持つ、コミックブックのパネル

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

最小限または白いボーダー、形状にダークアウトラインはなし

レイアウト

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

ホバー時の弾むスケールトランスフォーム · エネルギッシュなコミックブックスタイルのアニメーション

弾むスケールトランスフォーム (1.1-1.2) と伸縮イージング · 少し小さなスケールの押下状態

コンポーネント

文体と禁止事項

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

Fictional Typeface — 桌面首屏（hero） — 桌面首屏（hero）

Fictional Typeface — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

System Prompt

これは遊び心のある、コミックブックから着想を得た書体サンプルサイトです。ビジュアル言語は、柔らかな桃色の背景 (#FFE9CE) に散りばめられた、重なり合うコミック要素（吹き出し、スターバースト、ステッカー）を使用します。タイポグラフィは、黒色 (#000000) のカスタムヒューマンサンス書体のみです。高彩度のアクセントカラーには、赤 (#FD4B38)、緑 (#3CCB09)、紫 (#8A53FF)、黄色 (#FFD80C) が含まれます。要素は意図的に回転し、重なり、散らばっており、厳密なグリッドに従いません。インタラクションには、弾むような伸縮トランスフォームを使用します。重要な禁忌：くすんだパレットや企業的なパレットは決して使用せず、要素を厳格なグリッドに合わせず、微細なシャドウやボーダーは使用せず、テキストを遊び心ある回転なしに水平に表示しないこと。

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

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

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