Omnira Docs v1.0.0

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 of the awards section
The example below, rendered with placeholder images.

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#

OptionTypeDefaultDescription
eyebrowstring—Small label shown above the title.
titlestring—Section heading. Simple inline HTML such as <em> or <br> is allowed.
textstring—Short intro paragraph under the title.
headAlignstringcenterAlignment of the eyebrow/title/text block. Any value other than "center" (e.g. "start") left-aligns it.
Values: center | start
iconstringawardBootstrap Icons name shown before every award title.
itemsarray—The award rows.
buttonsarray—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#

OptionTypeDefaultDescription
yearstring | number—Year, shown in the first column.
titlestring—Award name.
orgstring—Awarding organisation.
categorystring—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 (source src/demos/creative-agency/pages/about.json)
  • Corporate: template/corporate/index.html (source src/demos/corporate/pages/index.json)
  • Law Firm: template/law-firm/about.html (source src/demos/law-firm/pages/about.json)
  • SaaS Product: template/saas/home-2.html (source src/demos/saas/pages/home-2.json)
  • Mobile App: template/mobile-app/reviews.html (source src/demos/mobile-app/pages/reviews.json)
  • Online Academy: template/education/about.html (source src/demos/education/pages/about.json)
  • Restaurant: template/restaurant/awards.html (source src/demos/restaurant/pages/awards.json)
  • Hotel & Resort: template/hotel/home-2.html (source src/demos/hotel/pages/home-2.json)
  • Wedding: template/wedding/about.html (source src/demos/wedding/pages/about.json)
  • Gym & Fitness: template/gym/home-2.html (source src/demos/gym/pages/home-2.json)
  • Day Spa & Salon: template/spa/home-2.html (source src/demos/spa/pages/home-2.json)
  • Medical Clinic: template/medical/home-2.html (source src/demos/medical/pages/home-2.json)
  • Dental Clinic: template/dental/about.html (source src/demos/dental/pages/about.json)
  • Pet Care: template/pet-care/about.html (source src/demos/pet-care/pages/about.json)
  • Construction: template/construction/index.html (source src/demos/construction/pages/index.json)
  • Car Dealer: template/car-dealer/about.html (source src/demos/car-dealer/pages/about.json)
  • Travel Agency: template/travel/about.html (source src/demos/travel/pages/about.json)
  • Photographer: template/photography/awards.html (source src/demos/photography/pages/awards.json)
  • Architecture Studio: template/architecture/awards.html (source src/demos/architecture/pages/awards.json)
  • Portfolio: template/portfolio/about.html (source src/demos/portfolio/pages/about.json)
  • Fashion Store: template/fashion-store/home-2.html (source src/demos/fashion-store/pages/home-2.json)
  • Charity: template/charity/about.html (source src/demos/charity/pages/about.json)
  • Logistics: template/logistics/home-2.html (source src/demos/logistics/pages/home-2.json)