Fix Footer Email Visibility

An editorial-inspired design system blending brutalist typography with high-end engineering aesthetics. It features high-contrast color palettes (navy, deep teal, and taupe), massive display titles, and sophisticated micro-interactions. Suitable for high-tech industries, AI research labs, engineering firms, premium SaaS platforms, and architectural studios that require a sense of scale and precision.

Fix Footer Email Visibility preview

Summary

A sophisticated, high-contrast UI design system utilizing 'Anton' for bold display headlines and 'Plus Jakarta Sans' for refined body copy. The aesthetic is defined by large-scale typography, a custom crosshair cursor, floating blurred background elements, and smooth scroll-triggered reveal animations.

Style

The style is characterized by a 'tech-editorial' look. It uses a deep color palette (#171e19, #1a3a52) paired with neutral taupe (#9f8d8b) and crisp white. Typography relies on 'Anton' for massive, uppercase headers and 'Plus Jakarta Sans' for wide-tracked, small-caps metadata (10px size with 0.3em letter spacing). Interactive elements feature cubic-bezier transitions (0.16, 1, 0.3, 1) and distinctive image hover states.

Layout & Structure

The layout uses a combination of full-bleed hero sections, asymmetric grids for portfolio/work displays, and spacious editorial sections with high vertical padding (py-32 to py-40).

Navigation

Hero Section

Work/Project Grid

Capabilities Section

Testimonial

Footer

Components

Interactive Image Card

A vertical image card with sophisticated hover layers.

Expanding Line List

Navigational or capability list items with motion-sensitive indicators.

Use this prompt