Section reference › People & social proof

Big quote `"type": "quote"`

One large, centred statement or testimonial with an optional name, role and portrait. Use it for a founder's message, a mission statement or a standout client quote.

Example#

Paste this into the sections list of a page file:

JSON

{
  "type": "quote",
  "tone": "primary",
  "quote": "We don't measure success by how a building looks on opening day, but by how it feels to the people inside it twenty years later.",
  "name": "Elena Marsh",
  "role": "Founder & Principal Architect",
  "image": "placeholder"
}

Options#

Option	Type	Default	Description
`quote`	string (HTML allowed)	—	The quote text. Keep it to one or two sentences.
`name`	string	—	Who said it. Without a name the author line is hidden.
`role`	string	—	Their job title or company.
`image`	string	—	Small round portrait next to the name (only shown with a name).

Also accepts the options every section accepts: id, tone, padding, fluid, class, hidden.

Tips#

Do not add quotation marks: a large quote icon is already shown above the text.
Try "tone": "primary" or "dark" to make it stand out between light sections.

Editing it in the HTML files#

The quote is blockquote.big-quote; the name and role are the strong and span inside .big-quote-author.

Where it's used#

Open these pages in template/ to see it working:

Creative Agency: template/creative-agency/about.html (source src/demos/creative-agency/pages/about.json)
Real Estate: template/real-estate/testimonials.html (source src/demos/real-estate/pages/testimonials.json)
Corporate: template/corporate/case-northline-logistics.html (source src/demos/corporate/pages/case.json)
Finance: template/finance/advisors.html (source src/demos/finance/pages/advisors.json)
Law Firm: template/law-firm/attorneys.html (source src/demos/law-firm/pages/attorneys.json)
SaaS Product: template/saas/customers.html (source src/demos/saas/pages/customers.json)
Mobile App: template/mobile-app/reviews.html (source src/demos/mobile-app/pages/reviews.json)
Tech Conference: template/conference/speakers.html (source src/demos/conference/pages/speakers.json)
Online Academy: template/education/home-2.html (source src/demos/education/pages/home-2.json)
Restaurant: template/restaurant/chefs.html (source src/demos/restaurant/pages/chefs.json)
Coffee Shop: template/cafe/about.html (source src/demos/cafe/pages/about.json)
Hotel & Resort: template/hotel/home-2.html (source src/demos/hotel/pages/home-2.json)
Wedding: template/wedding/real-weddings.html (source src/demos/wedding/pages/real-weddings.json)
Gym & Fitness: template/gym/results.html (source src/demos/gym/pages/results.json)
Yoga Studio: template/yoga/index.html (source src/demos/yoga/pages/index.json)
Day Spa & Salon: template/spa/index.html (source src/demos/spa/pages/index.json)
Medical Clinic: template/medical/testimonials.html (source src/demos/medical/pages/testimonials.json)
Dental Clinic: template/dental/dentists.html (source src/demos/dental/pages/dentists.json)
Pet Care: template/pet-care/home-2.html (source src/demos/pet-care/pages/home-2.json)
Construction: template/construction/safety.html (source src/demos/construction/pages/safety.json)
Travel Agency: template/travel/home-2.html (source src/demos/travel/pages/home-2.json)
Photographer: template/photography/album-sofia-daniel-lakeside.html (source src/demos/photography/pages/album.json)
Architecture Studio: template/architecture/index.html (source src/demos/architecture/pages/index.json)
Interior Design: template/interior-design/home-2.html (source src/demos/interior-design/pages/home-2.json)
Portfolio: template/portfolio/case-fieldnote-app.html (source src/demos/portfolio/pages/case.json)
Music Festival: template/music-festival/about.html (source src/demos/music-festival/pages/about.json)
Fashion Store: template/fashion-store/home-2.html (source src/demos/fashion-store/pages/home-2.json)
Charity: template/charity/home-2.html (source src/demos/charity/pages/home-2.json)
Logistics: template/logistics/team.html (source src/demos/logistics/pages/team.json)