Petertarka

Petertarka

Preview image. Unlock full-res

Gray canvas, vivid art

Industrydesign
Palette
#000000
#d8d8d8
#f0f0f0
#ffffff
#77c1e5

Petertarka's visual system evokes a gallery of abstract works: a muted, almost achromatic canvas where individual 'art pieces' (product showcases) are presented in their own vibrantly colored, often 3D-rendered, contexts. The UI itself is minimalist, relying on precise typography and stark line borders rather than heavy shadows or complex gradients. The spacious layout creates a sense of gravitas and focuses attention on the central visual content, punctuated by crisp, interactive elements. Employ GT America for all typographic elements, prioritizing weights 200-400 for a precise feel. Maintain a strict 0px border-radius for all UI elements to uphold the stark, architectural aesthetic. Use #000000 for primary text and critical interactive borders. Utilize #f0f0f0 for all background surfaces of content blocks and cards. Ensure generous padding of 45px within card-like components to frame content effectively. Construct layouts with substantial vertical separation, mirroring the ~720px section gaps found between project articles. Favor ghost-style interactive elements with stark #000000 borders and transparent backgrounds. Avoid using curved borders or any border-radius greater than 0px. Do not introduce shadows or elevation effects; maintain a flat, layered appearance. Refrain from adding additional accent colors outside of the contextual usage within embedded content; the UI should remain achromatic. Do not use subtle variations of gray for text; stick to #000000 for all primary text content. Avoid dense or compact layouts; maintain ample whitespace for a gallery-like presentation.

More like this