厳選・オープン・無料

Henryheffernan

大胆なタイポグラフィとコマンドラインの美学に依存し、作品を披露する、严峻なモノクロームのインタラクティブ・ポートフォリオ。

01

デザイン DNA

デジタル・ポートフォリオ用のミニマリストなターミナル起動画面。

02

カラー

警告用の単一のネオン・アクセント付きのハイコントラスト・モノクローム。

03

タイポグラフィ

transitional-serif · monospace

• body16px · 400

すべてのテキストは、一様なベースサイズで一貫したモノスペースまたはセリフ書体でレンダリングされる。 · 暗い背景での可読性を向上させるため、字間は少し広めに設定。

04

余白

テキストがボーダーに触れないよう、コンテナ内の内部パディングを広めに設定。

05

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

プライマリなコンテナとインタラクティブ要素に使用する、硬く太い白または黒のストローク。

06

レイアウト

ネストされたボーダー付きコンテナを持つセンター揃えの単一カラムレイアウト。

07

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

要素の表示に用いるopacityとtransformのトランジション。 · プロンプトによって示唆されるタイピングスタイルの点滅カーソル効果。

カーソルがポインタに変化。要素はopacityや色の反転で応答する可能性が高い。 · 状態の変化、または次のポートフォリオセクションへのトランジションをトリガー。

08

コンポーネント

• button 大文字のモノスペーステキストを含むアウトラインボックス。
• card 内部パディングが大きいボーダー付き長方形コンテナ。
• chip 該当なし
• input 該当なし
• hero 単一のセンター揃えのボーダー付きプロンプトボックスを持つ、フルスクリーンの暗いキャンバス。

09

文体と禁止事項

• トーン 直接的で、技術的、かつミニマリスト。
• 見出し 厳格なボーダー内で提示される、大文字のモノスペースまたは太いセリフ体。
• CTA モノスペースで記述されたシンプルで明確な指示の後に、ボーダー付きボタンを配置。

• 角丸を使用しない — スクリーンショットでは、鋭く角張った長方形のボーダーが使用されている
• ソフトなグラデーションを使用しない — スクリーンショットでは、フラットでハイコントラストのソリッドカラーが使用されている
• 装飾的な画像を使用しない — スクリーンショットでは、純粋にタイポグラフィに基づいたテキストベースのインターフェースが使用されている
• ライトテーマを使用しない — スクリーンショットでは、白いテキストを伴う主に黒い背景が使用されている
• 装飾的なサンセリフを使用しない — スクリーンショットでは、モノスペースとトランジショナル・セリフのフォントの混在が使用されている
• 微細なシャドウを使用しない — スクリーンショットでは、太いボーダーのみで定義されたフラットな要素が使用されている
• 避ける: ソフトなグラデーションや角丸を避ける。
• 避ける: 装飾的なイラストや複雑な背景画像を避ける。
• 避ける: 温かみのある、友好的、または過度にカジュアルな言葉遣いを避ける。
• 避ける: 複数の競合するフォントファミリーやウェイトを避ける。
• 避ける: 標準的で無造作なWeb要素を避ける。
• 避ける: 多くの可见なコントロールを含む雑然としたレイアウトを避ける。

10

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

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

11

System Prompt

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