← OpenDesign
CURATED · OPEN · FREE
Ncda Biz
A premium interior design studio portfolio emphasizing massive typography and expansive white space.
Studio Photographic Portfolio Clean Refined
01
Identity DNA
minimalist architectural refined interior design
A quiet gallery space where the artwork speaks
02
Color
#191919Ink
#808080Ink soft
#FFFFFFBG
rgba(25, 25, 25, 0.1)Line
Strict monochrome palette to let photography and typography dominate
03
Typography
transitional-serif · neo-grotesque-sans · neo-grotesque-mono
hero 280px · 400heading-lg 62px · 400body-lg 32px · 400body 21px · 400caption 11px · 400Use uppercase for section headers · Maintain extremely tight letter-spacing on large display sizes · Keep font weight consistent at 400 throughout
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Irregular, dictated by content and breathing room requirements
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 0px
No visible borders
06
Layout
1920 container
12 columns
48px gutter
768 / 1024 breakpoints
Gridless, highly asymmetric layout with expansive white space
07
Motion & Interaction
220ms micro
220ms small
400ms medium
cubic-bezier(0.77, 0, 0.175, 1) easing
Smooth opacity transitions on hover · Color transitions on interactive elements
Subtle color change with 0.2s transition · Standard pointer cursor
08
Components
button Text-only interactive elements with a simple cursor pointer card Full-bleed high-resolution photography without borders or backgrounds chip None visible input None visible hero Massive typography anchoring the bottom of the viewport with introductory text positioned above
09
Voice & Don'ts
Tone Professional, quiet, architectural Headlines Minimal, large-scale, statement-driven CTAs Understated text links with brackets for counts Don't use drop shadows — screenshot shows completely flat design with no elevation Don't use rounded corners — screenshot shows perfectly sharp edges on all elements Don't use a centered layout — screenshot shows left-aligned text and asymmetric positioning Don't add background colors to sections — screenshot shows only a pure white background Don't use a bright accent color — screenshot shows a strictly monochrome palette Don't use decorative borders or dividers — screenshot shows spacing and typography doing all the separation work Avoid: Exclamation points Avoid: Bright colors Avoid: Decorative elements
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 步进,作为视觉证据) 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a premium interior design studio portfolio that uses a strictly monochrome palette of white (#FFFFFF) and near-black (#191919) with gray (#808080) for secondary text. The typography combines a transitional serif for display elements with a neo-grotesque sans for body text. The layout is characterized by massive whitespace and huge typographic elements like the full-width 'NCDA' acronym. Critical donts: never introduce color accents, never use rounded corners, never center-align content, never add background colors to sections. The design prioritizes photographic content and breathing room over UI density.
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: An excellent example of high-end architectural studio typography and whitespace management.