01: Typography

Inter - All weights

You Sell It. We Build It.

Full-stack marketing fulfillment for agencies. Websites, SEO, reputation, lead capture, AI-powered response.

PARTNER PROGRAM

DM Serif Display (headings) + Inter (body) + Space Mono (labels)

You Sell It. We Build It.

Full-stack marketing fulfillment for agencies. Websites, SEO, reputation, lead capture, AI-powered response.

PARTNER PROGRAM

Why this change: Antimetal uses a serif + sans + mono 3-font system. The serif (DM Serif Display) on headings creates an editorial, premium contrast against the geometric Inter body. Space Mono as a label font adds a technical, precise voice to badges and categories. Same approach, free Google Fonts instead of custom WOFF2s.

02: Color Palette

Current Palette

Void #050208
Surface #110C18
Purple #7C3AED
Purple 400 #8B5CF6
Cyan #06B6D4
Text #F8FAFC

Proposed Palette

Background #09090B
Surface #111113
Accent #6D5BF7
Accent Light #8B7CF9
Cyan #06B6D4
Text #FAFAFA
Why this change: The current purple (#7C3AED) leans warm/violet. The proposed accent (#6D5BF7) is cooler, slightly more blue-purple, closer to Antimetal's sophisticated tone. Backgrounds shift from purple-tinted (#050208) to neutral near-black (#09090B), making content pop without a heavy purple cast. Cyan stays identical; it already works.

03: Hero Section Animation

You Sell It. We Build It.
Your Clients Never Know.

Full-stack marketing fulfillment for agencies. Websites, SEO, reputation, lead capture, AI-powered response, delivered under your brand.

Agency Fulfillment Platform

You Sell It. We Build It. Your Clients Never Know.

Full-stack marketing fulfillment for agencies. Websites, SEO, reputation, lead capture, AI-powered response, delivered under your brand.

Why this change: The current fadeInUp (translateY + opacity) is functional but common. The proposed version adds three layers of polish:

1. Particle field - A canvas-based dot matrix (like Antimetal's hero) with hundreds of particles that drift and twinkle. Clustered toward the bottom-center to form an abstract shape, with scattered particles across the full area. Uses your purple/cyan palette instead of Antimetal's gold.

2. Grid lines - Subtle dashed vertical lines and horizontal separators create the same structured, technical backdrop Antimetal uses.

3. Blur reveal - Each text element materializes with a 4px gaussian blur dissolve, staggered 0.15s apart. A gradient rule animates from scaleX(0) before text appears. The monospace eyebrow + serif heading create layered typographic hierarchy.

04: Card Components

Websites + SEO + Visibility

Fast sites that rank. Technical SEO, content, Google Business Profile, citation management, and AI visibility monitoring.

Visibility

Websites + SEO + Visibility

Fast sites that rank. Technical SEO, content, Google Business Profile, citation management, and AI visibility monitoring.

What changed: Proposed cards use larger border-radius (24px vs 16px), a monospace category label for technical feel, serif heading for editorial contrast, and slightly more transparent backgrounds. The top gradient line is more subdued. Hover reveals a subtle accent border instead of a lift.