Anatomy of a Website


A visual guide to common website sections and their purpose

Navigation
Hero Section
Social Proof Bar
Features / Benefits
Testimonial
Call to Action

Section Key

Navigation

Your site’s menu bar. Contains your logo, page links, and often a primary call-to-action button. Appears on every page.

Hero Section

The first thing visitors see. Includes your headline, a short description, and a primary action (button). Sets the tone.

Social Proof Bar

Logos of clients, partners, or press mentions. Builds trust quickly right after the hero.

Features / Benefits

Explains what you offer and why it matters. Usually 3–6 cards with an icon, title, and short description.

Testimonial

A quote from a happy customer. Adds credibility and humanizes your brand with a real voice.

Call to Action

A bold, focused section that pushes visitors to take one action — sign up, book a call, get a quote, etc.

Footer

Site-wide links, company info, and secondary navigation organized into columns. The “everything else” section.

Footer Bottom

Copyright line, legal links (Privacy Policy, Terms), and sometimes social icons. The very bottom strip.