Hero Layouts

Homepage Layout Options

Four distinct approaches to the 411 homepage hero. Each conveys a different personality while maintaining brand consistency.

Option A: Premium Minimal Linear-Inspired
Know Before You Go

Every vehicle spec.
One simple search.

Real data, instant results, no signup required. The complete vehicle specification database.

215K+
Records
12
Calculators
100%
Free
Option B: Bento Grid Modern/Playful
📞
The 411

What's the 411 on your vehicle?

Every spec, every make, every year. Free forever.

215K+
Vehicle Records
12
Free Tools
100%
Free Forever
0
Signups Required
Option C: Split Hero Bold/Confident
🔥 CarQueryAPI is dead. We're the replacement.

What's the 411?

The complete vehicle specification database. Towing capacity, tire sizes, oil capacity, bolt patterns, and more.

🚗
Towing Capacity
4,072 vehicles
🔧
Oil Capacity
33,931 vehicles
🛞
Tire Sizes
6,237 vehicles
🔩
Bolt Patterns
4,714 vehicles
Option D: Centered Minimal Clean/Focused
📞
The 411
Know Before You Go

Vehicle specs made simple

Real data. Instant results. No signup required. Every spec you need in one place.

Search VehiclesView All Tools
215K+
Records
12
Tools
Free
Forever
Components

Card Styles

Different card treatments for vehicle pages, tool grids, and feature highlights.

Basic Card Styles 3 Variations
Style A: Clean
Subtle border, hover lift
Style B: Accent
Gradient top border
Style C: Glass
Frosted glass effect
Tool/Site Cards For Calculator Grid
🚗
Tow Capacity
4,072 vehicles
🛞
Tire Sizes
6,237 vehicles
🔧
Oil Capacity
33,931 vehicles
🔩
Bolt Patterns
4,714 vehicles
Navigation

Brand Bar Variations

The cross-site navigation that connects all 411 properties.

Brand Bar Options 3 Styles

Style A: Horizontal Links (Current)

Tow SpecsTiresBolt PatternsOil CapacityBike SpecsFiltersWipersBulbsBatteries

Style B: Compact Pills

Tow SpecsTiresBolt PatternsOil CapacityBike SpecsFiltersWipersBulbsBatteries

Style C: Logo + Dropdown (Mobile-First)

Brand

Color Palette

The 411 brand colors. Navy base with gold accents and blue for interactive elements.

Core Colors
Navy
#0f1419
Navy Light
#1a2332
Gold
#f5a623
Blue
#3b82f6
White
#ffffff
Gray
#64748b
Typography

Type Scale

Inter font family with a clear hierarchy from display to body text.

Type Samples
Display XL / 48px / 700
What's the 411?
Display LG / 36px / 700
Vehicle Specifications
Heading / 24px / 600
Towing Capacity Calculator
Subheading / 18px / 500
Find the right specs for your vehicle
Body / 16px / 400
Real data from manufacturer specifications. Updated regularly with new vehicles and trims. No signup required.
Small / 13px / 400
Data sourced from official manufacturer specifications and verified against multiple sources.
Label / 11px / 600 / Uppercase
Know Before You Go