厳選・オープン・無料

Kikk Be

クリエイティブテクノロジーとデジタルアーツのフェスティバルのための、表現力豊かで最大派手なデジタルプラットフォーム。

01

デザイン DNA

ミニマリズムを拒否し、太字の衝突する色と重厚なタイポグラフィを好む、騒がしい実験的なアートギャラリー。

02

カラー

ダークベースを用いたハイコントラスト。鮮やかで実験的、意図的に衝突する多色パレットを活用しています。

03

タイポグラフィ

geometric-sans · grotesque-sans

• display72px · 900
• heading36px · 900
• subheading20px · 400
• body16px · 400
• caption9px · 400

キャプションには極端に文字送りの詰まった全大文字 · ディスプレイおよびディスプレイ風見出しには太字のウェイト · 現代的で幾何学的な印象を与えるPoppinsとInter Tightの混在

04

余白

コンテナのタイトなpaddingと広範な文字送りに強く影響された、やや不規則な垂直リズム。

05

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

コンテンツブロックの分離に厳密に使用される薄い1pxのボーダー。しばしば非対称です。

06

レイアウト

厳格な水平および垂直セパレーターを備えたグリッドベース。

07

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

インタラクティブ状態には標準的な不透明度と色のトランジション。 · 複雑なエントランスアニメーションよりも、静的で大胆な視覚的インパクトに焦点を当てる。

リンクやテキストにおける微細な色や不透明度の変化。 · 即座の視覚フィードバック。

08

コンポーネント

• button テキストベースで全大文字、広い文字送り、最小限または背景なし。
• card 厳格な1pxボーダーで境界線-radiusのないグリッドアイテム。
• hero フルワイドで重厚なタイポグラフィ。大胆で複雑なグラフィック構成を伴うことが多い。

09

文体と禁止事項

• トーン 実験的で、大胆かつ権威ある。
• 見出し 極めて太字で広い文字送り、全大文字、かつインパクトフル。
• CTA 統合されたテキストリンク、または広い文字送りの全大文字ボタン。

• border-radiusを使わない — スクリーンショットでは、すべてのコンテナに厳格で0の半径の角が示されています。
• 細く軽いフォントウェイトを使わない — スクリーンショットでは、メインディスプレイに太字の900ウェイトフォントが使われています。
• 柔らかい、またはパステルカラーを使わない — スクリーンショットでは、高彩度の衝突するネオン色とプライマリカラーが使われています。
• 広範なドロップシャドウを使わない — スクリーンショットでは、完全にフラットで目に見えるシャドウのないデザインが示されています。
• イタリックまたはスクリプトのタイポグラフィを使わない — スクリーンショットでは、独り立ちした幾何学的なサンセリフのみが使われています。
• センタリングされた、装飾的なレイアウトを使わない — スクリーンショットでは、厳格なグリッドベースの、左揃え、またはブロック状の構造が示されています。
• 避ける: 微細なグラデーション
• 避ける: 角丸
• 避ける: 控えめまたはパステルカラーパレット
• 避ける: 細く、軽く、イタリックのタイポグラフィ
• 避ける: 遊び心のある、またはファンシーなイラストレーション

10

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

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

11

System Prompt

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