PostNew

PostNew

Preview image. Unlock full-res

Midnight gallery showcase

Industrydesign
Palette
#000000
#1a1a1a
#242424
#fafafa
#5d5d5d
#2b2b2b99
#3d3d3d99

PostNew employs a dark-themed, highly compact visual system that prioritizes content over decorative UI. Deep charcoal backgrounds serve as a canvas for crisp white typography and minimal, unbordered components. The design maintains an atmospheric, theatrical aesthetic through its use of subtle blurring and a focus on raw imagery, allowing the content to define the mood. Interactive elements are sparse, using opacity shifts and a tight typographic hierarchy to convey function. Prioritize large, impactful imagery or video content, allowing it to dictate the mood and occupy significant visual space. Use Pitch Black (#000000) as the default text and border color for ghost components, ensuring high contrast against light surfaces or as an accent on dark. Apply Charcoal Canvas (#1a1a1a) for all primary page backgrounds, creating a consistent dark foundation. Maintain a compact density, using 10px for vertical and horizontal gaps between most elements. Set all interactive rectangular elements, like buttons and containers, to '0px' border-radius, enforcing a sharp, precise aesthetic. Employ ABC Diatype with its specific font feature settings and -0.025em letter-spacing for all primary headings and body copy, ensuring consistent brand typography. Use the Muted Interaction (#5d5d5d) background color for subtle interactive highlights or secondary links, indicating interactivity without strong visual emphasis. Avoid using any border-radius greater than 0px; the system emphasizes sharp edges. Do not introduce colorful UI accents or vibrant primary action colors; maintain a monochromatic palette with subtle transparency for interaction. Refrain from using strong box-shadows or heavy elevation effects; depth is achieved primarily through surface shifts or content imagery itself. Do not deviate from the specified font families, weights, and letter-spacing for brand typography, especially ABC Diatype. Avoid large, prominent buttons with strong background fills unless utilizing the specific 'Filled Navigation Button' style. Do not use generic system fonts for prominent content text; always use ABC Diatype for body and heading roles. Avoid introducing significant padding or broad spacing for individual elements; maintain the compact density with 10px element gaps.

More like this