厳選・オープン・無料

Colophon

このサイトは、大胆で表現力豊かなタイポグラフィをコアデザイン要素として使用し、シンプルながらもインパクトのあるパレットと遊び心のあるイラストで支えられている完璧な例です。

type foundry
Colophon のスクリーンショット

オリジナル: https://colophon-foundry.org

OpenDesign で開く

デザイン DNA

視覚言語

パレットは、鮮やかな黄色の背景に純黒のインクを対比させ、クリーンなホワイトとニュートラルコンテンツセクション用の微かなライトグレーで構成されています。

レイアウト構造

レイアウトは中心寄せでゆとりがあり、全幅のヒーローバナーを主軸とし、その下にパディングを十分に確保したコンテンツブロックが縦に積み重ねられます。

インタラクション形態

インタラクションは微細でクリーンで、主にリンクにはテキストの下線、ボタンにはスムーズなカラートランジションを持つピル形状のボタンが使用されます。

モーション規則

モーションは最小限で洗練されており、インタラクティブな状態でのスムーズなbackground-colorトランジションと、コンテンツ要素のフェードインに焦点を当てています。

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