厳選・オープン・無料

Collins

装飾要素に頼らず、タイポグラフィと余白が全てを支える、節度ある高級エージェンシー・デザインの優れた例です。

branding studio
Collins のスクリーンショット

オリジナル: https://wearecollins.com

OpenDesign で開く

デザイン DNA

視覚言語

オフホワイト、ダークインク、以及控えめなグレーの近似モノクローム・パレットが、主要なアクセントカラーなしで洗練されたエディトリアルなコントラストを生み出します。

レイアウト構造

中央揃えのフルビューポート・ヒーローが広大な余白と連なり、大きな画像を前面にした非対称なコンテンツセクションと、大規模なケーススタディカードへと移行します。

インタラクション形態

カスタム cubic-bezier カーブを使用した 0.25s〜0.8s の滑らかなトランジションが、clip-path リビール、トランスフォーム、透明度のフェードを実現します。

モーション規則

最大 800ms に及ぶ長めのアニメーションと鋭い cubic-bezier イージングが、高級感のある、意図的なモーション感を創出します。

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