厳選・オープン・無料

Kirschberg Co Nz

クリーンでエディトリアルな美学で、プロダクトとブランドワークを紹介する、洗練されたデザインポートフォリオ。

01

デザイン DNA

静かで自信に満ちた存在感を放つ、上質なデザインケーススタディのキュレーションされたギャラリー。

02

カラー

プロジェクト画像を際立たせるための、微かな暖色系の背景を持つハイコントラスト・ニュートラル・パレット。

03

タイポグラフィ

grotesque-sans · humanist-sans

• display40px · 500
• body16px · 400

大きな見出しにはタイトなネガティブ・トラッキングを適用し、モダンでシャープな印象を実現。 · 本文テキストには400の均一なウェイトを維持し、リーディング体験を穏やかに保つ。 · プロジェクトタイトルは、説明文と区別するために、やや大きめのサイズまたはボールドウェイトを使用。

04

余白

ゆったりとした垂直方向のパディングと一貫した水平方向の溝が、開かれた息のできるレイアウトを生み出します。

05

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

1px solid rgba(23,23,23,0.1) を用いた、繊細な構造的区切り。

0 4px 24px rgba(0,0,0,0.08)

06

レイアウト

中心配置のヒーローセクションと、その下に水平スクロール可能なプロジェクトカード・グリッド。

07

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

インタラクティブ要素における、滑らかな色と背景の遷移。 · 読み込みや状態変化のための、繊細な不透明度のフェード。

インタラクティブ性を示すための、微かな色の変化や不透明度の変更。 · 軽微なスケールや色の調整による、即座の視覚的フィードバック。

08

コンポーネント

• button 最小限のボーダーと丸みのある角を持つ、ピル型ボタン。
• card ゆったりとした丸みのある角と、高品質なプロジェクト画像を持つ大きな長方形カード。
• chip 該当なし
• input 該当なし
• hero 大きな見出しと説明的なサブテキストを備え、プロジェクトグリッドの上に配置された、中央揃えのテキストブロック。

09

文体と禁止事項

• トーン プロフェッショナルで控えめ、かつ自信に満ちた。
• 見出し 作品のインパクトと未来的な性質に焦点を当てた、率直でやや詩的なスタイル。
• CTA ミニマルで明確。oftenナビゲーションやプロジェクトリンクに統合される。

• 純粋なホワイト背景を使用しない — スクリーンショットは温かみのある、わずかにピンクがかったオフホワイトを示している。
• UIに明るく彩度の高いアクセントカラーを使用しない — サイトはプロジェクト画像に色を依存している。
• 重いドロップシャドウを使用しない — デザインは必要最小限の、非常に繊細で柔らかいlevationを用いているか、または使用していない。
• 見出しにセリフフォントを使用しない — ディスプレイタイポグラフィはクリーンで幾何学的なグロテスク・サンセリフである。
• 小さく窮屈なスペーシングを使用しない — レイアウトはゆったりとしたホワイトスペースとパディングを優先している。
• 装飾的なボーダーやオーナメントを使用しない — ビジュアル言語は厳格に機能的かつミニマルである。
• 避ける: 大げさなプロモーション言語
• 避ける: 過度な業界用語
• 避ける: 散らかったレイアウト

10

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

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

11

System Prompt

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