厳選・オープン・無料

14islands

抑制されたタイポグラフィと大胆な写真を通じて、プレミアムなデジタルプロダクトと体験を紹介するミニマリストなデザインエージェンシー。

agencywebgl
14islands のスクリーンショット
↓ デザインシステムをダウンロード (32 MB)OpenDesign で開く

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

📦 パックの中身を見る →

01

デザイン DNA

プレミアムミニマリストデジタルクラフトデザイン主導

デジタルプロダクトを扱う高級建築事務所

02

カラー

#070707Ink
#A2A2A9Ink soft
#F2F2F2BG
rgba(7, 7, 7, 1)Line

インパクトのために、極端なタイポグラフィのスケールと高彩度のプロジェクト写真に依存する、準モノクロム・パレット。

03

タイポグラフィ

geometric-sans · humanist-sans

04

余白

4px
8px
16px
24px
32px
48px
64px
96px

主要な要素の周囲に十分なpaddingを設けた、緩やかな垂直リズム。

05

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

sm · 4px
md · 4px
lg · 5px
pill · 999px

目立つボーダーは使用しない。分離はスペーシングと画像のエッジに依存する。

06

レイアウト

1280container
12columns
24pxgutter
768 / 1024breakpoints

フルワイドのヒーローセクションと2カラムのプロジェクトギャラリーを備えた非対称グリッド。

07

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

200msmicro
300mssmall
500msmedium
cubic-bezier(0.25, 0.46, 0.45, 0.94)easing

hover時の滑らかなtransform遷移 · scroll時の繊細なフェードイン

カーソルがpointerに変化。インタラクティブ要素に微細なスケールまたはカラー遷移 · 標準的なリンクナビゲーション

08

コンポーネント

09

文体と禁止事項

10

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

14islands — 桌面首屏（hero）
桌面首屏（hero）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
14islands — 移动首屏
移动首屏

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

11

System Prompt

14islandsは、極端なタイポグラフィのスケール、準モノクロム・パレット（背景：#F2F2F2、インク：#070707、ミュート：#A2A2A9）、そして豊かなホワイトスペースを特徴とするプレミアム・デザインエージェンシーのウェブサイト。デザインでは、最大180pxの巨大なスケールで、タイトなネガティブ・トラッキングを備えた幾何学およびヒューマニスト・サンセリフフォントを使用。レイアウトは非対称で、フルブリードの写真プロジェクトカードを採用。重要な注意点：複数のアクセントカラーの使用、すべてのテキストの中央揃え、重いシャドウ、太いボーダー、装飾パターン、カードの丸みのある角を避けること。

このセンスを AI エージェントへ

この設計の機械可読な仕様——カラー・タイポ・モーションまで——をそのまま AI エージェントに渡せます。

OpenDesign スキル ↗ · このパック（エージェント用） ↗

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