厳選・オープン・無料

Startupblowup

スタートアップの指数関数的な成長を支援する、遊び心のあるコミックインスパイアードサービスです。

01

デザイン DNA

ポップアートのコミックブックページ

02

カラー

鮮やかな黒いアウトラインと単一の支配的なパステル色を用いた、高コントラストのコミックブックパレットです。

03

タイポグラフィ

comic · humanist-sans

• display80px · 400
• body16px · 400

大きな表示テキストにはコミックスタイルのフォントを、本文にはクリーンなsans-serifを使用してください。

04

余白

4px ベースグリッド

05

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

2px solid black

06

レイアウト

テキストを形状に直接重ねた、大きな中央配置のグラフィック要素です。

07

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

風船グラフィックとカスタムカーソルによって示唆される膨張/収縮効果。

インタラクティブ要素にはカスタムポインタカーソル。 · 特定の要素にはカスタムpointer-smallカーソル。

08

コンポーネント

• button 標準ボタンの代わりに、カスタムカーソルポインタ（arrow, pointer, pointer-small）を使用します。
• card テキストを含む大きな円形の風船形状です。
• chip 目立つものは見られません。
• input 目立つものは見られません。
• hero 画面中央に配置され、コミックテキストを重ねた巨大なピンクの風船グラフィックです。

09

文体と禁止事項

• トーン 遊び心があり、エネルギッシュで、やや挑発的です。
• 見出し 太い黒いアウトラインと軽い影効果を持つコミックブックスタイルです。
• CTA 明示的には示されていませんが、大胆でインタラクティブであることが示唆されます。

• 微妙なグラデーションを使用しないでください — スクリーンショットではフラットな色の塗りつぶしです。
• セリフタイポグラフィを使用しないでください — スクリーンショットではコミックおよびsans-serifフォントです。
• 暗い背景を使用しないでください — スクリーンショットでは明るく暖かい背景です。
• 複雑な影を使用しないでください — スクリーンショットではシンプルなアウトラインを持つフラットな要素です。
• くすんだ色を使用しないでください — スクリーンショットでは鮮やかな黒と明るいピンクが使用されています。
• 標準的なUIコンポーネントを使用しないでください — スクリーンショットではカスタムカーソルとグラフィック形状が使用されています。
• 避ける: セリフフォント
• 避ける: 微妙なグラデーション
• 避ける: 企業用語
• 避ける: くすんだ色
• 避ける: 小さなテキストサイズ

10

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

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

11

System Prompt

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