厳選・オープン・無料

Yuga

巨大なタイポグラフィに Anchors された、高コントラクト・ブラータリストなデジタルプレゼンス。

01

デザイン DNA

絶対的な闇から彫り出されたモノリシックなデジタルエンティティ。

02

カラー

厳密な黒と白を基盤とした絶対的な二値コントラスト。

03

タイポグラフィ

grotesque-sans

• display102px · 800
• heading52px · 800
• body14px · 400

大型表示テキストには極端にタイトなトラッキングを使用 · 構造的な階層維持のためにウェイトを重く保つ · コントラクトのため本文は小さく密に配置

04

余白

厳密な4pxグリッド、タイトな垂直间距。

05

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

構造的な分離のための、細く高コントラクトなボーダー。

06

レイアウト

巨大なタイポグラフィカルアンカーを備えた広大なダークキャンバス。

07

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

滑らかな不透明度のフェード · 変容的な構造シフト

色や不透明度の変化による視覚状態のシフト。 · 即座の構造フィードバック。

08

コンポーネント

• button 極端な丸みを持つ高コントラクトなピル形状。
• card 最小限のパディングを施した、洗練されたダークサーフェス。
• chip 分類のための、小さなピル型タグ。
• input データ入力用の、クリーンでボーダー付きのフィールド。
• hero 巨大なタイポグラフィと中央のロゴを持つ、フルスクリーンのブラック・ヴォイド。

09

文体と禁止事項

• トーン 断定的で、率直であり、妥協がない。
• 見出し 巨大な活字による、短くインパクトのあるステートメント。
• CTA 簡潔で行動を促すもの。

• くすんだグレーを使用しない — スクリーンショットでは絶対的な黒 (#000000) と白 (#FFFFFF) が使われている
• セリフフォントを使用しない — スクリーンショットでは重いゴシック体サンセリフ (AK Monument Grotesk) が使われている
• 小さな表示サイズを使用しない — スクリーンショットでは巨大な102pxヘッダーが使われている
• ワイドトラッキングを使用しない — スクリーンショットではタイトで負のレタースペーシング (-4.8px) が使われている
• カードに丸みのある角を使用しない — スクリーンショットではシャープなエッジが使われている
• 微妙なグラデーションを使用しない — スクリーンショットではフラットで高コントラクトなブロックが使われている
• 避ける: フレンドリーまたはカジュアルな言葉遣い
• 避ける: 装飾的な要素や余分なもの
• 避ける: ためらいや曖昧な表現

10

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

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

11

System Prompt

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