CURATED · OPEN · FREE
14islands
A minimalist design agency showcasing premium digital products and experiences through restrained typography and bold photography.
agency webgl
01
Identity DNA
premium minimalist digital craft design-led
A high-end architectural firm for digital products
02
Color
#070707Ink
#A2A2A9Ink soft
#F2F2F2BG
rgba(7, 7, 7, 1)Line
Near-monochromatic palette relying on extreme typography scale and high-chroma project photography for impact.
03
Typography
geometric-sans · humanist-sans
display 180px · 400heading 100px · 400subhead 75px · 400body 16px · 400caption 12px · 400
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Loose vertical rhythm with generous padding around primary elements.
05
Surfaces
sm · 4px
md · 4px
lg · 5px
pill · 999px
No visible borders; relies on spacing and image edges for separation.
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Asymmetric grid with full-width hero sections and 2-column project galleries.
07
Motion & Interaction
200ms micro
300ms small
500ms medium
cubic-bezier(0.25, 0.46, 0.45, 0.94) easing
Smooth transform transitions on hover · Subtle fade-ins on scroll
Cursor changes to pointer; subtle scale or color transitions on interactive elements · Standard link navigation
08
Components
button Text-only navigation links, uppercase, small scale, no background card Full-bleed photography project cards with small uppercase labels hero Massive typographic statement on light background with minimal secondary text
09
Voice & Don'ts
Tone Professional, confident, and minimal Headlines Large, lowercase or sentence-case geometric sans-serif with tight tracking CTAs Understated text links, often uppercase small caps Don't use multiple accent colors — screenshot shows a strict monochrome palette with light gray and black. Don't center-align all text — screenshot shows mixed alignments including left-aligned and asymmetric layouts. Don't use heavy drop shadows — screenshot shows completely flat surfaces with no depth effects. Don't use rounded container corners — screenshot shows sharp edges or very minimal rounding. Don't use thick borders to separate sections — screenshot shows separation through white space and image placement. Don't use busy decorative patterns — screenshot relies entirely on clean typography and photography. Avoid: Decorative elements Avoid: Excessive color Avoid: Cluttered layouts
10
Inside the pack — real screenshots
桌面首屏(hero) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 桌面滚动分段(90% viewport 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
System prompt
14islands is a premium design agency website characterized by extreme typographic scale, a near-monochromatic palette (bg: #F2F2F2, ink: #070707, muted: #A2A2A9), and generous white space. The design uses geometric and humanist sans-serif fonts at massive scales (up to 180px) with tight negative tracking. Layouts are asymmetric with full-bleed photography project cards. Critical donts: avoid multiple accent colors, avoid centering all text, avoid heavy shadows, avoid thick borders, avoid decorative patterns, and avoid rounded corners on cards.
en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: Exemplary minimalist agency design that uses extreme typographic scale and restraint as its primary design language.