厳選・オープン・無料

Yannickgregoire Nl

ターミナル美学とキーボード駆動ナビゲーションを活用した、クリエイティブデベロッパー向けのブラータリストインタラクティブポートフォリオ。

01

デザイン DNA

ハッカーのターミナルとハイファッションのエディトリアルが出会う

02

カラー

単一のネオングリーンアクセントによる、鮮やかなハイコントラストの無彩色デザイン。

03

タイポグラフィ

monospace

• display74px · 400
• heading37px · 400
• body24px · 400
• caption14px · 400

全テキストは厳密に大文字 · プライマリフォントはLT Terminal Mono（モノスペース） · 可変フォントウェイトは使用しない

04

余白

明確なホワイトスペースを伴う厳密なグリッドアラインメント

05

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

インタラクティブ要素とパネルに1px solid black

06

レイアウト

浮遊するターミナルウィンドウとASCIIアートブロックを配置した非対称グリッド

07

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

スムーズスクロールを伴うキーボード駆動ナビゲーション · ターミナルスタイルのテキストアニメーション · スライディングウィンドウトランジション

背景色の反転またはアクセントカラーのハイライト · ターミナルスタイルのサウンドエフェクトによる即座のビジュアルフィードバック

08

コンポーネント

• button 黒背景のモノスペーステキストラベル、場合によりグリーンアクセント付き
• card 厳密なボーダーとASCIIアートを持つ、ターミナルライクな浮遊ウィンドウ
• chip モノスペースフォントとソリッド黒背景を持つ小タグ
• input ボーダー付きの標準的なモノスペーステキストフィールド
• hero 浮遊するターミナルウィンドウを伴う、大きなASCIIアートタイポグラフィ

09

文体と禁止事項

• トーン 技術的、直接的、そしてやや暗号的
• 見出し 大きなモノスペース大文字とASCIIアート
• CTA シンプルなコマンドライクなプロンプト

• セリフフォントを使わない — スクリーンショットは厳格なモノスペースタイポグラフィを示している
• 角丸を使わない — スクリーンショットは鋭角な長方形要素を示している
• ソフトシャドウを使わない — スクリーンショットはハードボーダーを持つフラットデザインを示している
• 会話的UIパターンを使わない — スクリーンショットはターミナルライクなコマンドプロンプトを示している
• 装飾的なイラストレーションを追加しない — スクリーンショットはASCIIアートのみを示している
• 複数のアクセントカラーを使わない — スクリーンショットは単一のグリーンアクセント（#00FFA8）のみを示している
• 避ける: 会話的な言葉遣い
• 避ける: 装飾的な要素
• 避ける: 柔らかく丸みを帯びた美学

10

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

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

11

System Prompt

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