厳選・オープン・無料

Hello Monday

スタートアップやプロダクト部門向けに、デジタルでマジカルな体験を創るクリエイティブエージェンシー。

01

デザイン DNA

ハイエディトリアル雑誌とモダンなクリエイティブスタジオの融合。

02

カラー

強烈なモノクロームのコントラストと、遊び心のあるアクセントカラーを1色。ホワイトスペースとタイポグラフィに大きく依存。

03

タイポグラフィ

transitional-serif · humanist-sans

• display80px · 400
• body-lg22px · 400
• body-sm14px · 400

ディスプレイタイプには、最大のインパクトを得るためにクラシックなトランジショナルセリフ体を使用。 · 本文タイプには、高い可読性を実現するクリーンなヒューマニストサンセリフ体を使用。 · フォントウェイトは主にレギュラー（400）で、ライト（300）は控えめな階層付けにのみ使用。

04

余白

縦のリズムは、豊かなpaddingと大きなマージンで確立。ベースの大きな倍数（例：64px、71px）を多用。

05

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

セクション区切りに rgba(0, 0, 0, 0.3) の1px solid を使用。角は丸めない。

06

レイアウト

明確なヒーローセクション、大きな水平区切り、豊かなホワイトスペースを持つクリーンなグリッド。

07

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

コンテンツブロックのフェードイントランジション · テキストリンクのhover状態トランジション

テキストリンクやインタラクティブ要素に、控えめな下線または透過度の変化。 · 重いフィードバックアニメーションなしの即座のレスポンス。

08

コンポーネント

• button シンプルなボーダー下線を持つテキストベースのCTA。背景塗りはなし。
• card 大きな画像と、その下に-boldなセリフテキストを持つミニマリストなケーススタディカード。
• hero ビューポートを支配する巨大なタイポグラフィと、控えめな説明的アイコンの組み合わせ。

09

文体と禁止事項

• トーン 自信に満ち、プロフェッショナルでありながら、遊び心のある親しみやすさ。
• 見出し 大胆でインパクトがあり、しばしば少し気の利いた、詩的な響きを持つ。
• CTA 直接的でアクション指向、シンプルな下線テキストとして提示。

• カードやボタンに角を丸めない — スクリーンショットでは鋭い90度の角が示されている。
• サーフェスにドロップシャドウを追加しない — スクリーンショットではフラットでクリーンなレイアウトが示されている。
• 混沌としたカラーパレットを使用しない — スクリーンショットでは厳格な白黒と単一アクセントの配色が示されている。
• 複雑なメガメニューでナビゲーションを隠さない — スクリーンショットではミニマルなハンバーガーアイコンが示されている。
• 主要なヘッドラインにサンセリフ体を使用しない — スクリーンショットでは顕著なトランジショナルセリフのディスプレイフォントが示されている。
• すべてのピクセルをコンテンツで埋め尽くさない — スクリーンショットではフォーカスを生むためにホワイトスペースが広く使用されている。
• 避ける: 雑なレイアウトや派手な背景を避ける。
• 避ける: チームセクションにストックフォトを使用せず、カスタムイラストを優先。
• 避ける: 過度に複雑なナビゲーション構造を避ける。

10

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

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

11

System Prompt

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