Hyper Tria

Hyper Tria

Preview image. Unlock full-res

monochromatic gallery, bold typography

Industryagency
Palette
#000000
#ffffff
#666666
#0fa64b
#007bff
#ee3a49

Hyper Tria presents as a minimalistic, content-driven agency. Its visual system prioritizes stark contrast and ample whitespace, using black and white as primary communicators. Typography is sharp and impactful, often appearing in large, tracked blocks that command attention. Color is used sparingly, primarily as an accent for subtle interactive states or to denote specific sections, creating a focused and uncluttered user experience. Use Midnight (#000000) for primary text and Canvas (#ffffff) for backgrounds to maintain high contrast. Apply Aeonik for all headings and substantial text blocks, leveraging its distinct letter-spacing for visual impact. Use Vivid Blue (#007bff) exclusively for interactive elements like links and button borders, not for backgrounds. Ensure generous vertical spacing between sections (44px-100px) and elements (8px-20px) to uphold a spacious aesthetic. Maintain sharp, 0px border-radius for all UI elements to align with the minimalist and precise tone. Employ the Leaf Green (#0fa64b) for large background sections to create a clear visual break and inject brand identity. Prioritize black and white as the dominant color scheme, reserving brand and accent colors for functional highlights only. Avoid using multiple chromatic colors for aesthetic purposes; restrict their use to functional UI elements. Do not introduce rounded corners; all shapes should remain sharp and angular. Refrain from using shadows or gradients, as the system relies on flat surfaces and high contrast. Do not deviate from the specified letter-spacing for Aeonik, especially at larger sizes, as it's a key brand identifier. Avoid dense, information-heavy blocks of text; break content into manageable, well-spaced segments. Do not use Vivid Blue (#007bff) or Leaf Green (#0fa64b) as primary text colors unless the background strongly contrasts in black or white. Introduce images without a defined border; images should always be visually contained.

More like this