厳選・オープン・無料

Jeen Yuhs

ブラータリストでグリッチされた美学とレトロなデジタルタイポグラフィを持つ、厳格なモノクロームアーカイブポータル。

01

デザイン DNA

グリッチのかかったVHSテープ、またはブラータリストなデジタル展示の入り口

02

カラー

絶対的な二項コントラスト；純粋な黒と白のみ。

03

タイポグラフィ

monospace

• display200px · 400
• body18px · 400
• caption12px · 400

テキストはすべて厳格に大文字 · すべての要素にモノスペースフォントファミリーを使用

04

余白

標準4pxベースで、インタラクティブ要素には寛大なパディング。

05

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

インタラクティブ要素には厳格な2px実線ボーダー、ボーダー半径なし。

06

レイアウト

中心配置コンテンツを強調する、フルスクリーンの黒キャンバス。厳格な白要素が際立つ。

07

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

グリッチフリッカー · カラーシフト · デジタルアーティファクティング

色を反転させるか、デジタルグリッチエフェクトをトリガー。 · マイクロインタラクションまたはグリッチトランジションをトリガー。

08

コンポーネント

• button 2px実線白色ボーダーと2pxパディングを持つ、大文字モノスペーステキスト。
• card 厳格なボーダーを持ち角丸のない、ミニマリストなコンテンツブロック。
• chip 2px実線ボーダーを持つ、小規模な大文字モノスペースタグ。
• input 2px実線白色ボーダーと黒背景を持つ、ミニマリストなテキスト入力。
• hero 黒背景上に配置された、巨大な中央配置グリッチモノスペースキャラクター（例：'II'）。

09

文体と禁止事項

• トーン 生の、アーカイブ的、実験的、妥協なき
• 見出し 厳格でモノスペースで、しばしばグリッチまたは歪んだもの。
• CTA 大文字モノスペーステキスト、しばしば2pxボーダー付き。

• ソフトシャドウを使用しない — スクリーンショットにはフラットでボーダーレスな要素のみが表示されています。
• 角丸を使用しない — スクリーンショットには厳格な長方形が表示されています。
• 複数色を使用しない — スクリーンショットには厳格な黒と白のパレットが表示されています。
• サンセリフフォントを使用しない — スクリーンショットにはモノスペースタイポグラフィのみが使用されています。
• 小文字テキストを使用しない — スクリーンショットにはすべてのテキストが大文字で表示されています。
• 複雑なグラデーションを使用しない — スクリーンショットにはソリッドな黒と白の塗りつぶしが表示されています。
• 避ける: 洗練されたグラデーション
• 避ける: 角丸
• 避ける: 暖色
• 避ける: フレンドリーなイラストレーション

10

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

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

11

System Prompt

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