People buy from people—even when the product is software, a theme, or a service retainer. Your About page is where skepticism softens, brand personality emerges, and hiring prospects decide whether they want to join your team. The Aura About page template transforms that opportunity into a structured, six-section narrative powered by purpose-built HubSpot modules.
This guide explains every section of the Aura About template, the modules behind each block, the business objectives they fulfill, and how to adapt the page for agencies, SaaS brands, and HubSpot theme sellers without touching a line of backend code.
About pages rank among the most visited inner pages on B2B websites—often second only to Pricing and Contact. Visitors arrive after seeing your homepage or a campaign landing page with one question: Can I trust these people?
The Aura About template answers that question through five layers of proof:
Skip any layer and the page feels incomplete. Aura includes all five by default.
The About template extends Aura's base layout at templates/about.html. Global header and footer modules wrap a single DnD area labeled About containing six full-width sections. The page loads aura-about-sections.css for scoped spacing and background alternation between cream and sand tones.
Each section is an independent module instance—marketers can reorder, hide, or duplicate sections in the HubSpot page editor without developer involvement. That modularity is central to Aura's philosophy: pages are assemblies of proven blocks, not monolithic HTML files you fear editing.
The page opens with the Aura Hero module in centered layout: badge ("About Us"), headline with gradient highlight ("Building Better Websites Together"), and a mission-driven subheading. No CTA buttons appear here—intentionally. The hero's job is orientation, not conversion.
Objective fulfilled: Establish warmth and collaboration before facts arrive. Centered heroes feel inclusive and human, which suits About pages better than aggressive split layouts with product screenshots.
Customization: Replace "Together" highlight text with your brand verb—"Faster," "Smarter," "For Agencies." Keep subheading under 30 words for mobile readability.
The Aura Image Text module (simple variant) presents "Our Story" in a two-column split: three paragraphs of founding narrative on one side, a team collaboration photo on the other. Background shifts to sand for visual separation.
Why storytelling belongs here: Metrics and values land harder when visitors understand context. Was the company founded to fix a broken agency workflow? To democratize premium design on HubSpot? Tell that story in plain language—no corporate jargon.
Module benefit: The simple variant prioritizes readable paragraphs over checklists, making it ideal for prose-heavy About content. Swap the image quarterly to keep the page fresh—team offsite, customer workshop, or product launch.
The Aura Stats module (gradient variant) displays four counters: Happy Customers, Websites Built, Years Experience, and Satisfaction Rate. Gradient styling adds energy after the narrative calm of the story section.
Business objective: Quantified trust. "500+ Happy Customers" and "98% Satisfaction" give analytical visitors evidence that complements emotional storytelling. Animated counters create micro-engagement on scroll.
Best practice: Use real numbers. Inflated metrics erode trust if a prospect verifies them. If you are pre-launch, use honest projections or substitute process metrics ("100+ Components Shipped").
Four centered cards—Customer First, Quality Focused, Innovation Driven, Community Minded—appear via the Aura Feature Grid module in a four-column layout. Icons and short descriptions translate abstract values into buyer-relevant language.
Objective fulfilled: Values pages often read like wall plaques. Aura's grid format forces each value into a scannable benefit statement, which improves retention and SEO indexing of brand keywords.
Recruitment angle: Candidates scan values before applying. Clear values reduce mismatched applications and attract culture-aligned talent—especially important if your CTA section targets hiring.
The Aura Team module introduces four team members with photos, names, and roles in a responsive grid. This section is the emotional peak of most About pages—humans connect with humans.
Conversion impact: B2B buyers frequently cite "knowing who we'd work with" as a purchase factor. Showing leadership and key contributors reduces perceived risk, especially for high-ticket services or enterprise theme licenses.
Module details: Each team member supports avatar image, display name, role/title, and optional bio or social links depending on module field configuration. Start with leadership; expand to full team as you grow.
The About page closes with a full-bleed gradient Aura CTA Banner: "Want to Work With Us?" with buttons for View Open Positions and Get in Touch. This dual CTA serves both recruitment and sales intents.
Objective fulfilled: Every About page should end with a next step. Without a CTA, visitors read, nod, and leave. Aura defaults to hiring language because About pages convert exceptionally well for recruitment—but you can retarget buttons to Contact or Services.
The Aura Site Header ensures visitors can navigate to Features, Pricing, or Blog from the About page without scrolling to the footer. The Site Footer provides Resources links—including Documentation and FAQ—extending the trust narrative beyond the About content itself.
Google's quality guidelines emphasize Experience, Expertise, Authoritativeness, and Trustworthiness. About pages directly support E-E-A-T by identifying who operates the site, demonstrating experience through stats and team photos, and linking to verifiable contact channels.
SEO checklist for this template:
About pages generate warmth; Contact pages capture intent. When a visitor clicks "Get in Touch" or decides to reach out after reading your story, they need a frictionless form experience—not a generic page with an embedded iframe and no context.
Explore how Aura handles that transition in our deep dive on the Aura Contact page template, which pairs a hero, HubSpot form module, contact methods, and support FAQ into a three-section conversion page.
Publishing your About page follows the same HubSpot workflow as other Aura templates, with a few About-specific considerations for team photos and story copy length.
The About page is text-heavy compared to landing pages—responsive behavior prioritizes readability over compression.
Centered Hero: Headline font scales down smoothly. Gradient highlight text remains inline without breaking to a new line awkwardly if kept under four words.
Image Text (story): Two-column split stacks on tablet. On mobile, image typically renders above text. Long story paragraphs maintain comfortable line length (45–75 characters) via max-width constraints in module CSS.
Stats (gradient variant): 2×2 grid on tablet, single column on phone. Gradient backgrounds render without performance penalty on mobile GPUs.
Feature Grid (values): Four-column desktop becomes two columns on tablet and one on mobile. Icon sizes remain proportional—do not upload oversized icon files.
Team module: Four-member grid becomes 2×2 on tablet and single column on mobile. Avatar images use consistent aspect ratio (square crop recommended) to prevent layout shift during load.
CTA Banner: Full-bleed gradient scales edge-to-edge. Dual buttons stack vertically below 480px width.
About page modules inherit Aura's global design tokens. Key settings to configure before customizing individual modules:
Colors: Cream and sand section backgrounds alternate automatically. Primary accent colors affect gradient highlight text in the hero, stat counter accents, and CTA banner gradient stops. Link color in team bios follows the global link token.
Typography: Heading weight and size scale affect hero headline prominence and value card titles. Body font size controls story paragraph readability—avoid dropping below 16px equivalent on mobile.
Buttons: CTA Banner buttons use primary and secondary button tokens. Border radius consistency across About and Contact pages reinforces brand polish when visitors navigate between trust-building pages.
Aura Hero (centered): Badge, headline with rich text gradient support, subheading, layout locked to centered, no CTA fields displayed by default.
Aura Image Text (simple): Heading, body rich text (multi-paragraph), image field, image position (left/right), background color token override.
Aura Stats (gradient): Stat repeater (value, suffix, label), animation on/off, variant selector (default, gradient, gradient-text).
Aura Feature Grid: Badge, heading, card repeater (icon, title, description), columns (set to 4 for values layout).
Aura Team: Section heading, member repeater (photo, name, role, bio, LinkedIn URL), grid columns, card style.
Aura CTA Banner: Heading, subheading, button 1 label + link, button 2 label + link, style variant (full-bleed gradient recommended for About close).
For marketers: About pages support nurture campaigns—link from welcome emails and post-demo follow-ups. Track page views and CTA clicks in HubSpot analytics. Use the story section to reinforce campaign messaging. A/B test CTA copy between "Join Our Team" and "Partner With Us" depending on quarterly hiring vs sales priorities.
For developers: About template loads aura-about-sections.css only—no unnecessary homepage CSS. Team module markup supports schema-friendly name/role text nodes. If extending bios, use the repeater's rich text field rather than hardcoding HTML in template files.
For agency owners: About page is your pitch deck for humans. Prospects who visit before calls have pre-qualified trust—sales calls start warmer. Showcase certified team members, client count, and process values aligned with your SOW. Link to case studies from the CTA banner secondary button when hiring CTAs are not priority.
About pages strengthen E-E-A-T signals that indirectly boost rankings across your site. Link internally from homepage footer, header Company menu, and blog author bios. The existing link to the Contact template guide demonstrates blog cross-linking; on your live site, ensure About CTAs route to Contact and Services pages with keyword-rich anchor text like "HubSpot CMS development inquiries."
Include your legal business name, founding year, and headquarters city in story copy for branded search reinforcement. Optimize page title: "[Brand Name] | About Us — [One-line mission]." Add team member names as indexable text, not images of name cards.
The Aura About page template treats trust as a design problem with a modular solution. Story, stats, values, team, and CTA each play a distinct role; together they answer the question every prospect silently asks: Are these people worth my time and money? Publish yours with authentic copy, real faces, and honest metrics—and let the template handle the structure that makes that authenticity land.