Section reference › People & social proof
Awards "type": "awards"
A clean list of awards or recognitions, one row each with year, title, organisation and category. Good for agencies, restaurants, architects and law firms.

Example#
Paste this into the sections list of a page file:
JSON
{
"type": "awards",
"tone": "alt",
"eyebrow": "Recognition",
"title": "Awards & honours",
"icon": "trophy",
"items": [
{
"year": 2026,
"title": "Agency of the Year",
"org": "Webby Awards",
"category": "Digital design"
},
{
"year": 2025,
"title": "Site of the Day",
"org": "Awwwards",
"category": "Northwind Coffee"
},
{
"year": 2025,
"title": "Gold – Brand identity",
"org": "European Design Awards",
"category": "Halden Studio"
},
{
"year": 2024,
"title": "Best Small Studio",
"org": "Design Week",
"category": "Studio of the year"
}
]
}Options#
| Option | Type | Default | Description |
|---|---|---|---|
eyebrow | string | — | Small label shown above the title. |
title | string | — | Section heading. Simple inline HTML such as <em> or <br> is allowed. |
text | string | — | Short intro paragraph under the title. |
headAlign | string | center | Alignment of the eyebrow/title/text block. Any value other than "center" (e.g. "start") left-aligns it. Values: center | start |
icon | string | award | Bootstrap Icons name shown before every award title. |
items | array | — | The award rows. |
buttons | array | — | Buttons shown centred below the list. |
Also accepts the options every section accepts: id, tone, padding, fluid, class, hidden.
Fields of each entry in items#
| Option | Type | Default | Description |
|---|---|---|---|
year | string | number | — | Year, shown in the first column. |
title | string | — | Award name. |
org | string | — | Awarding organisation. |
category | string | — | Category or project the award was for. |
Tips#
- List the newest award first.
- Add "buttons" to show links below the list, e.g. to a full awards page.
Where it's used#
Open these pages in template/ to see it working:
- Creative Agency:
template/creative-agency/about.html(sourcesrc/demos/creative-agency/pages/about.json) - Corporate:
template/corporate/index.html(sourcesrc/demos/corporate/pages/index.json) - Law Firm:
template/law-firm/about.html(sourcesrc/demos/law-firm/pages/about.json) - SaaS Product:
template/saas/home-2.html(sourcesrc/demos/saas/pages/home-2.json) - Mobile App:
template/mobile-app/reviews.html(sourcesrc/demos/mobile-app/pages/reviews.json) - Online Academy:
template/education/about.html(sourcesrc/demos/education/pages/about.json) - Restaurant:
template/restaurant/awards.html(sourcesrc/demos/restaurant/pages/awards.json) - Hotel & Resort:
template/hotel/home-2.html(sourcesrc/demos/hotel/pages/home-2.json) - Wedding:
template/wedding/about.html(sourcesrc/demos/wedding/pages/about.json) - Gym & Fitness:
template/gym/home-2.html(sourcesrc/demos/gym/pages/home-2.json) - Day Spa & Salon:
template/spa/home-2.html(sourcesrc/demos/spa/pages/home-2.json) - Medical Clinic:
template/medical/home-2.html(sourcesrc/demos/medical/pages/home-2.json) - Dental Clinic:
template/dental/about.html(sourcesrc/demos/dental/pages/about.json) - Pet Care:
template/pet-care/about.html(sourcesrc/demos/pet-care/pages/about.json) - Construction:
template/construction/index.html(sourcesrc/demos/construction/pages/index.json) - Car Dealer:
template/car-dealer/about.html(sourcesrc/demos/car-dealer/pages/about.json) - Travel Agency:
template/travel/about.html(sourcesrc/demos/travel/pages/about.json) - Photographer:
template/photography/awards.html(sourcesrc/demos/photography/pages/awards.json) - Architecture Studio:
template/architecture/awards.html(sourcesrc/demos/architecture/pages/awards.json) - Portfolio:
template/portfolio/about.html(sourcesrc/demos/portfolio/pages/about.json) - Fashion Store:
template/fashion-store/home-2.html(sourcesrc/demos/fashion-store/pages/home-2.json) - Charity:
template/charity/about.html(sourcesrc/demos/charity/pages/about.json) - Logistics:
template/logistics/home-2.html(sourcesrc/demos/logistics/pages/home-2.json)