厳選・オープン・無料

Helloshivam

デザイナー＆クリエイティブコーダーのための、無機質でタイポグラフィ中心の個人ポートフォリオ。

01

デザイン DNA

無機質なモノクローム建築図面

02

カラー

装飾色を排したハイコントラストのモノクローム。

03

タイポグラフィ

grotesque-sans

• display28px · 500

見出しにはトラッキングをtightに設定する。 · 可読性を確保するためにハイコントラストを維持する。 · 一貫性を保つためにフォントウェイトを統一する。

04

余白

余白を強調するため、縦横にたっぷりとした余裕のあるスペーシング。

05

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

明示されたものはなし。

06

レイアウト

余白をたっぷりと活用した4カラムヘッダーレイアウト。グリッド線は表示されない。

07

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

静止スクリーンショットにモーションは見当たらない。

リンクに、おそらく微細な色や不透明度の変化がある。 · 標準的なナビゲーション動作。

08

コンポーネント

• hero 左揃えのタイポグラフィのみで構成されるヒーローセクション。

09

文体と禁止事項

• トーン 直接的で、プロフェッショナル、控えめ。
• 見出し 大胆で簡潔、かつ情報的。
• CTA シンプルなテキストリンク。ボタンは使わない。

• カラーアクセントを使わない — スクリーンショットは厳格なモノクロームパレットを示している。
• 装飾的なボーダーやシャドウを使わない — スクリーンショットはボーダーレス・シャドウレスのレイアウトを示している。
• 複雑なUIコンポーネントを使わない — スクリーンショットはテキストとリンクのみを示している。
• センターレイアウトを使わない — スクリーンショットは左揃えのテキスト構造を示している。
• 要素に角丸を使わない — スクリーンショットは严格な矩形の美学を示している。
• 画像やイラストを使わない — スクリーンショットはテキストのみのインターフェースを示している。
• 避ける: 装飾的な言葉遣い
• 避ける: 絵文字
• 避ける: 宣伝的なトーン

11

System Prompt

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