厳選・オープン・無料

Gustavo Work

巨大なスケールとクリーンなグリッドを使用してワークを披露する、スターキーでタイポグラフィ主導のデザイナー・ポートフォリオ。

01

デザイン DNA

ブラータリストのポートフォリオと出会う、ハイファッションのエディトリアル・レイアウト。

02

カラー

抑制されたタイポグラフィによる高コントラストのモノクローム。

03

タイポグラフィ

transitional-serif · geometric-sans · monospaced

• display142px · 400
• displaySmall125px · 700
• body16px · 400
• caption12px · 400

ディスプレイ・タイポグラフィには、鋭いセリフを持つハイコントラストのトランジショナル・セリフフォントを使用。 · 本文およびUI要素には、クリーンで標準的なジオメトリック・サンセリフのシステム・フォントを使用。 · フォントサイズの極端なコントラストが、明確なビジュアル・ヒエラルキーを生み出す。

04

余白

ゆとりのあるホワイトスペースと強力なアラインメント・アンカーがレイアウトを支える。

05

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

分離のために使用される1pxの細い線。

06

レイアウト

大規模なヘッダーを持つ非対称2カラム・レイアウト。

07

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

hover遷移 · フェード

テキスト要素上の微細な不透明度の変化。 · 標準的なポインターカーソル。

08

コンポーネント

• button 背景やボーダーのないプレーンテキスト・リンク。
• card シンプルな水平区切りを持つリスト形式のプロジェクト行。
• chip チップは使用しない。
• input インプットは使用しない。
• hero 全幅にわたる大規模なタイポグラフィック・ヘッダー。

09

文体と禁止事項

• トーン ダイレクトで、パーソナルかつ控えめ。
• 見出し 巨大で、セリフ、かつ数値的。
• CTA ミニマルで、テキストのみのリンク。

• 角丸を使用しない — スクリーンショットでは鋭く四角いエッジが示されている。
• 明るいアクセントカラーを使用しない — スクリーンショットでは厳格なモノクローム・パレットが示されている。
• ドロップシャドウを使用しない — スクリーンショットではフラットでボーダレスのサーフェスが示されている。
• 遊び心のあるサンセリフのディスプレイ・フォントを使用しない — スクリーンショットでは見出しに鋭いトランジショナル・セリフが示されている。
• すべてをセンタリングしない — スクリーンショットでは構造化された左揃えのグリッドが示されている。
• 要素を詰め込まない — スクリーンショットではゆとりのあるホワイトスペースが示されている。
• 避ける: 過度な装飾
• 避ける: 明るいネオンカラー
• 避ける: 角丸

11

System Prompt

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