厳選・オープン・無料

14islands

極端なタイポグラフィのスケールと抑制を主要なデザイン言語とする、模範的なミニマリスト・エージェンシーのデザイン。

agency webgl
14islands のスクリーンショット

オリジナル: https://14islands.com

OpenDesign で開く

デザイン DNA

視覚言語

近黒(#070707)のテキストをライトグレー(#F2F2F2)背景に配置し、ミドルグレー(#A2A2A9)をアクセントに使う、厳格なモノクロム・パレット。

レイアウト構造

フルワイドのヒーローセクションを備えた非対称12カラムグリッド。要素間には十分な垂直方向の余白を設ける。

インタラクション形態

hover状態において、cubic-bezierによる滑らかな遷移を用いた、繊細なカーソルインタラクション。

モーション規則

transformとopacityの遷移を用いた洗練されたマイクロインタラクション。一貫したイージングカーブを採用。

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