厳選・オープン・無料

Coricorinne

強力なタイポグラフィの選択と生々しい写真を特徴とする、ミニマルな個人ポートフォリオ。

01

デザイン DNA

洗練されたタイポグラフィのポスター

02

カラー

ハイコントラクトの中立パレット

03

タイポグラフィ

didone-serif · humanist-sans

• display120px · 400
• heading30px · 400
• body18px · 400

プライマリのディスプレイテキストには、ハイファッションなエディトリアル感を演出するため、didone-serif を使用する。 · ナビゲーションや機能的なテキストには、高い可読性を確保するため、humanist-sans を使用する。 · 大きなディスプレイタイプには、tight な字間隔を維持する。

04

余白

タイポグラフィを強調するため、豊かな余白を持つ緩い垂直リズム

05

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

可視化されたボーダーはなし。分離には余白とタイポグラフィのみに完全に依存。

06

レイアウト

最小限の padding を持つフルワイド画像グリッド

07

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

読み込み時のフェードインとスライドアップ · 背景色のスムーズな transition

リンクの背景色 transition · ポインターカーソルによる即座のフィードバック

08

コンポーネント

• button カーソルが pointer となるミニマルなテキストリンク
• card エッジからエッジまでのフォトグラフィックパネル
• hero フルワイド背景色を持つ巨大なタイポグラフィディスプレイ

09

文体と禁止事項

• トーン プロフェッショナル、ミニマル、アーティスティック
• 見出し ハイコントラクトなセリフ体、巨大なスケール、tight な字間隔
• CTA 微細なテキストリンク、ボタンなし

• 角丸を使用しない — スクリーンショットでは、すべての要素に完全に鋭く四角いエッジが示されている
• ドロップシャドウを追加しない — スクリーンショットでは、完全にフラットで奥行き効果のないサーフェスが示されている
• カラフルなアクセントを使用しない — スクリーンショットは、厳格な中立的な黒/グレー/クリームのパレットのみに依存している
• 見出しにサンセリフを使用しない — スクリーンショットは、メインのディスプレイテキストにハイコントラクトな didone-serif を使用している
• レイアウトを詰め込みすぎない — スクリーンショットでは、大量の余白と大きなタイポグラフィが示されている
• 忙しない背景パターンを使用しない — スクリーンショットでは、ソリッドでフラットな背景色が示されている
• 避ける: 雑然とした状態
• 避ける: 装飾的な要素
• 避ける: 鮮やかなアクセントカラー

10

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

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

11

System Prompt

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