Taiki Murayama

Taiki Murayama

Preview image. Unlock full-res

High-contrast digital brutalism.

Industrydesign
Palette
#ffffff
#0b0b0f
#000000
#c6c5c2
#efefef
#42ff00
#a1ff81

Taiki Murayama's portfolio design evokes a tactile, high-contrast, 'digital-brutalism-meets-luxe' aesthetic. Sharp, often square visual elements are juxtaposed with a single, highly saturated 'cyber green' accent that signals interaction and focus. Typography leans towards expansive, confident sans-serifs, with some oversized headings creating an editorial, high-fashion feel. The overall presentation is sparse, leaving ample negative space, and prioritizing strong visual statements over dense information. Prioritize Canvas White for page backgrounds with Deep Graphite/Pure Black for primary text to maintain high contrast. Use Cyber Green exclusively for primary interactive elements like buttons and active states to signal action and create visual punctuation. Apply 15px border-radius for cards and content blocks, and a tight 300px for pill-shaped buttons and tags. Utilize Helvetica Neue weights 400 for body text and navigation, ensuring -0.035em letter-spacing for 16px text and -0.020em for 28px text. Employ custom HelveticaNeue.tcc or FHPhemister-Bold.woff2 for large display headings (87px-109px) with negative letter-spacing (-40em relative to size) for maximal impact. Maintain a clear visual hierarchy by employing 1px Deep Graphite or Pure Black bottom borders on text-only buttons and interactive elements. Ensure generous negative space; the elementGap of 11px should be a minimum baseline for tight internal elements, with sectionGap of 79px for major content divisions. Do not introduce additional saturated colors; Cyber Green should be the only vivid chromatic element for interaction. Avoid using box-shadows or significant elevation; prefer subtle background color changes or strong borders for visual hierarchy. Do not apply standard positive letter-spacing to large headlines; tight tracking (e.g., -4.36px for 109px text) is key to the aesthetic. Do not deviate from the specified border-radii; 15px for cards and 300px for buttons are signature elements. Do not clutter content areas; maintain the ample negative space and minimal information density. Avoid using Helvetica Neue for button text; use Poppins at 14px, weight 500 with letter-spacing 0.02em for these elements.

More like this