厳選・オープン・無料

Sick Agency

大胆な、タイポグラフィファーストのビジュアルアイデンティティで、完成品パッケージングを専門とする、表現力豊かなデジタルデザインエージェンシー。

01

デザイン DNA

ストリートアートにインスパイアされた、活気に満ちたデジタルマガジン。

02

カラー

高コントラストでエネルギッシュなパレット。プライマリのオレンジ背景に、大胆なイエロータイポグラフィ、インタラクティブ要素には印象的なブルーアクセントを採用。

03

タイポグラフィ

condensed-grotesque · transitional-serif

• display200px · 900
• display-sm160px · 900
• body24px · 400

ディスプレイタイプには大文字を使用 · コンデンスド・グロテスクのディスプレイフォントには、 tightな字間を維持 · ボディコピーには、コントラストを生むためのトランジショナル・セリフを使用

04

余白

严格的なグリッドではなく、ディンセイなタイポグラフィレイアウトに従う、非対称で tight なリズム。

05

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

背景色（#FFC700）の1pxの実線。レイアウトブロックの区切りに使用。

06

レイアウト

縦横の区切り線が強調された、非対称でディンセイなブロックベースレイアウト。

07

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

インタラクティブ要素のバネのようなトランジション · 滑らかなフェードイン

バネイージングカーブを用いた、微細なスケールまたはカラーのトランジション。 · 即座のフィードバックを伴う標準的なポインタインタラクション。

08

コンポーネント

• button 白文字の破線縁をもつ円形のブルーバッジ。
• card シャドウや背景色ではなく、ボーダーラインで定義されたタイポグラフィブロック。
• chip ソーシャルアイコン用のスターバースト形状コンテナ。
• hero 要素が重なり合う、全幅のディンセイなタイポグラフィ構図。縦書きテキストを含む。

09

文体と禁止事項

• トーン 大胆、自信に満ち、やや不遜。
• 見出し 短く、パンチがあり、頻繁に全大文字。
• CTA 直接的で命令口調（例：'TEXT US'）。

• フォントを細くしないこと — スクリーンショットは極めて太く重いウェイトを示しています。
• 字間を広くしないこと — スクリーンショットはディスプレイタイプのtightなトラッキングを示しています。
• 抑制的で彩度の低いカラーを使用しないこと — スクリーンショットは非常に鮮やかなオレンジとイエローを示しています。
• プライマリボタンに角丸の長方形を使用しないこと — スクリーンショットは円形の破線バッジボタンを示しています。
• 過度なホワイトスペースを使用しないこと — スクリーンショットはディンセイで密に詰め込まれたレイアウトを示しています。
• ボディテキストにサンセリフを使用しないこと — スクリーンショットは段落にトランジショナル・セリフフォントを示しています。
• 避ける: 微妙な表現
• 避ける: 抑制された色調
• 避ける: 一般的なビジネス用語

10

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

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

11

System Prompt

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