← OpenDesign CURATED · OPEN · FREE
Bunsa Studio
A photography-driven portfolio for a design studio.
Gallery Studio Photographic Curation Editorial
01
Identity DNA
Interior Design Curation Photography Studio
A curated gallery showcasing warm, eclectic interior design projects.
02
Color
#0B0BcaAccent
#000000Ink
#F5F2EDBG
#FCFAF7BG quiet
rgba(0,0,0,1.0)Line
Warm, neutral backgrounds to let photography dominate, with a single bold blue accent for branding.
03
Typography
grotesque-sans
display 60px · 700body 20px · 40004
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous vertical spacing between sections, emphasizing the imagery.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
1px solid black
06
Layout
1920 container
12 columns
24px gutter
768 / 1024 breakpoints
Fullscreen image galleries with overlaid typography.
07
Motion & Interaction
220ms micro
400ms small
800ms medium
cubic-bezier(0.25, 0.1, 0.25, 1) easing
fade-in · opacity transitions
Opacity changes on interactive elements. · Immediate visual feedback.
08
Components
button Text links or minimal icons, relying on cursor pointer for interaction. card Full-bleed images serving as the primary portfolio cards. chip Small blue circular indicators. hero Full-width photographic hero with large text overlay. 09
Voice & Don'ts
Tone Confident, professional, and visually focused. Headlines Short, impactful project titles. CTAs Minimal, often just a cursor change to pointer. Don't use dark mode — the site uses warm, light backgrounds like #F5F2ED. Don't use serif fonts — the typography is strictly a clean grotesque sans-serif. Don't add heavy drop shadows — surfaces are flat and rely on imagery for depth. Don't use bright, multi-colored backgrounds — keep the canvas neutral to let photos shine. Don't use rounded UI cards — imagery is presented edge-to-edge or with simple alignment. Don't overcrowd the layout — generous spacing and minimal text are key to the aesthetic. Avoid: Clutter Avoid: Excessive text Avoid: Complex gradients 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 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a portfolio website for an interior design studio. It uses a warm, neutral background (#F5F2ED) with a single, bold blue accent (#0B0Bca) for branding elements. The typography is a clean, bold grotesque sans-serif (HelveticaNowDisplay), prioritizing readability and modern aesthetics. The layout is heavily photographic, with full-bleed images and minimal text. Key design constraints: no dark mode, no serif fonts, no heavy shadows, and avoid cluttering the interface. The design should feel curated, premium, and focused on the visual work.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: The site is a strong example of a 'less is more' design approach, where the quality of the photography is the main communicative tool, supported by a restrained but distinct brand identity.
