厳選・オープン・無料

Aikawakenichi

大きな円形のポートレート要素を中心に据えた、ミニマルなエディトリアルなポートフォリオ。

01

デザイン DNA

ギャラリーの展覧会カタログ

02

カラー

暖かみのある控えめなトーンを用いた、高コントラストの白と黒。

03

タイポグラフィ

transitional-serif · grotesque-sans

• display261px · 400
• body16px · 400

プライマリのディスプレイテキストにはクラシックなトランジショナル・セリフ書体を使用 · 本文およびUI要素にはクリーンなネオ・グロテスク・サンセリフ書体を使用 · プライマリのディスプレイテキストは厳密にレギュラーウェイト（400）を確保

04

余白

豊かな余白

05

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

1px solid rgb(0, 0, 0)

rgba(0,0,0,0.12) 0px 6px 12px 0px · inset 0px 1px 0px 0px rgba(255,255,255,0.36)

06

レイアウト

中心に據えた円形構図

07

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

滑らかなtransformおよびtranslateトランジション

円形要素にサブトルなtransformまたはリビール · ポインタカーソルがインタラクティブなホットスポットを示す

08

コンポーネント

• button ミニマルで、おそらくピル型またはボーダーレス、ポインタカーソル付き
• card 画像またはテキストを含む大きな円形要素
• chip 確認されず
• input 確認されず
• hero 支配的な円形フレームを特徴とする、中心に據えたフルスクリーンレイアウト

09

文体と禁止事項

• トーン 洗練され、静謐
• 見出し 小文字またはタイトルケースの、大きくクラシックなセリフ書体
• CTA サブトルで統合的

• 派手なアクセントカラーは使用しない — スクリーンショットは控えめな暖色トーンを用いた厳密なモノクロパレットを示している
• 大きなディスプレイテキストにサンセリフを使用しない — スクリーンショットは見出しにトランジショナル・セリフを使用している
• 重いドロップシャドウは使用しない — スクリーンショットはサブトルで複雑なインセット/アウトセットシャドウを示している
• 複数カラムの密集したレイアウトは使用しない — スクリーンショットは高度に中心に據えた、ゆとりのある構図を示している
• ディスプレイテキストに太字ウェイトは使用しない — スクリーンショットは大きなタイポグラフィにレギュラーウェイト（400）を使用している
• everywhere でシャープなコーナーは使用しない — スクリーンショットは50%（円形）および9999px（ピル型）のボーダーラディウスを顕著に使用している
• 避ける: 派手なカラーアクセント
• 避ける: 密集した段落
• 避ける: 複雑なグリッド
• 避ける: 重いボーダー
• 避ける: サンセリフのディスプレイテキスト

10

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

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

11

System Prompt

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