Full-stack marketing fulfillment for agencies. Websites, SEO, reputation, lead capture, AI-powered response.
PARTNER PROGRAM
Proposed
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
Current - fadeInUp
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
Current
Websites + SEO + Visibility
Fast sites that rank. Technical SEO, content, Google Business Profile, citation management, and AI visibility monitoring.
Proposed
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.