厳選・オープン・無料

Hausotto

巨大なモノクロタイポグラフィを中心とした、ミニマルデザインスタジオのポートフォリオ。

01

デザイン DNA

白い部屋の中の、スターカーなタイポグラフィの看板。

02

カラー

装飾的な色を一切用いない、厳格なモノクロ高コントラスト。

03

タイポグラフィ

geometric-sans

• display216px · 400
• heading22px · 400
• body13px · 400

すべてのタイポグラフィは厳格にモノクロで幾何学的。 · 大きなディスプレイテキストにはネガティブレタースペーシングを強く適用。 · テキストカラーは均一にソリッドブラック（#000000）。

04

余白

豊かな垂直間隔と正確なパディングステップ。

05

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

インタラクティブまたは下線付きの要素に、最小限かつ厳密に1pxのソリッドブラック。

06

レイアウト

無枠の严格的なグリッドを用いた広大なホワイトスペース。

07

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

インタラクティブな状態に対する透明度とtop位置の微細なtransition。

ナビゲート可能なアイテムの微細な透明度の変化。 · インタラクティブな要素に対する標準的なポインタカーソル。

08

コンポーネント

• button 背景や枠を持たないテキストのみのボタン。ただし、ソリッドブラックのクッキーアクションは除く。
• card カードなしのレイアウト。データはクリーンで無枠のテーブルで提示。
• chip なし。
• input なし。
• hero フルビューポートを支配する、巨大で中央揃えのタイポグラフィワードマーク。

09

文体と禁止事項

• トーン ニュートラル、ダイレクト、かつ厳密に機能的。
• 見出し 巨大、全角、 tightened trackingの幾何学サンセリフ。
• CTA 装飾のないプレーンテキストまたはシンプルなブラックボックス。

• セカンダリカラーを使用しない — スクリーンショットは厳格なモノクロパレットを示している。
• border-radiusを適用しない — スクリーンショットはシャープで角張った矩形要素を示している。
• ドロップシャドウを使用しない — スクリーンショットは完全にフラットな2Dサーフェスを示している。
• 装飾的なイメージを使用しない — スクリーンショットは厳格なタイポグラフィインターフェースを示している。
• フォントウェイトを変化させない — スクリーンショットは全テキストで均一なウェイトを示している。
• 中央揃えの複数行テキストを使用しない — スクリーンショットは左揃えのリストと中央揃えの単一行ヘッダーを示している。
• 避ける: 装飾的な色やグラデーションを避ける。
• 避ける: 角丸や柔らかい形状を避ける。
• 避ける: ドロップシャドウや重なり合うサーフェスを避ける。
• 避ける: フレンドリーまたは遊び心のあるマイクロコピーを避ける。
• 避ける: 多样なフォントウェイトを避け、均一な太さを維持する。
• 避ける: 中央揃えの複数行テキストブロックを避ける。

10

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

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

11

System Prompt

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