Select a page

Version 1.0 : Spring 2024

AECOM Web Design Styleguide

The AECOM Web Design Styleguide is a detailed public document outlining the visual and functional elements of the AECOM corporate website. It ensures design and user experience consistency by providing guidelines for typography, color schemes, components, and interactions. Teams reference it to maintain a cohesive look across all pages and interfaces. The components are readily available on the AECOM.com WordPress block editor. This styleguide adheres to the official AECOM brand guidelines as of Spring 2024.

Text Styles

Heading Level 1 (h1)

Heading Level 2 (h2)

Heading Level 3 (h3)

AECOM Block Intro Text

This page contains all the Custom AECOM Blocks developed by the Web Dev Team. The purpose of this page is to test all the created blocks every new development releases, and also to showcase all the different AECOM Blocks.

AECOM Facts Block

Default Style

  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Phasellus eget tempus ipsum
  • Sed et tempus urna, nec molestie dolor

Bullet Style

  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Phasellus eget tempus ipsum
  • Sed et tempus urna, nec molestie dolor

Check Style

  • Lorem ipsum dolor sit amet, consectetur adipiscing
  • Phasellus eget tempus ipsum
  • Test HTML

AECOM Accordion Block

Aenean ac tempor arcu, quis gravida velit. Vivamus ac tortor quis eros maximus aliquam a sed odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Suspendisse semper orci et tincidunt sodales. Praesent non nisi sit amet metus hendrerit ultricies eget vehicula quam. Vivamus luctus dignissim varius. Vivamus at convallis orci, vitae convallis orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In non elementum nulla, et fermentum urna.

Aenean a ante massa. In hac habitasse platea dictumst. Quisque tempus urna ex, sed condimentum erat finibus sed. Nam pulvinar lectus sed vehicula gravida. Praesent suscipit aliquet lectus. In venenatis egestas euismod. Nulla in metus purus. Pellentesque mi metus, vulputate ac malesuada in, pretium sed ligula.

AECOM Accordion Block Test 2

Aenean ac tempor arcu, quis gravida velit. Vivamus ac tortor quis eros maximus aliquam a sed odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Suspendisse semper orci et tincidunt sodales. Praesent non nisi sit amet metus hendrerit ultricies eget vehicula quam. Vivamus luctus dignissim varius. Vivamus at convallis orci, vitae convallis orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In non elementum nulla, et fermentum urna.

Aenean a ante massa. In hac habitasse platea dictumst. Quisque tempus urna ex, sed condimentum erat finibus sed. Nam pulvinar lectus sed vehicula gravida. Praesent suscipit aliquet lectus. In venenatis egestas euismod. Nulla in metus purus. Pellentesque mi metus, vulputate ac malesuada in, pretium sed ligula.

AECOM Block Button

Small Buttons

Large Buttons

Promo Template

Single Promo Block

Aenean ac tempor arcu, quis gravida velit.

Single Promo Block

Custom HTML

Single Promo Block (Image Only)

Article Column Block (horizontal)

Press Release

Nulla vitae laoreet lacus, tempor eleifend erat

Vivamus consectetur elit sem, ac sagittis turpis rutrum sollicitudin. Nulla semper eros ut odio tempus aliquam. Integer lectus tortor, semper elementum dolor nec, accumsan blandit tellus.

Read more
Blog

Phasellus turpis ex, porta ac purus eu

Nunc eu tincidunt dolor. Vestibulum id arcu id nisi finibus aliquam. Sed vel dictum nisi. Mauris ut justo erat. Etiam ut tortor gravida, euismod lorem ut, mollis lacus. Cras vitae metus quis diam laoreet efficitur sit amet nec eros.

Read more
Event

Aenean a ante massa

In hac habitasse platea dictumst. Quisque tempus urna ex, sed condimentum erat finibus sed. Nam pulvinar lectus sed vehicula gravida.

Read more

AECOM Block Client Quote

Suspendisse semper orci et tincidunt sodales. Praesent non nisi sit amet metus hendrerit ultricies eget vehicula quam. Vivamus luctus dignissim varius.

John Doe

Vivamus luctus dignissim

AECOM Block Lightbox

AECOM Block Lightbox

AECOM Block Lightbox

Article Column Block (vertical)

Press Release

Nulla vitae laoreet lacus, tempor eleifend erat

Vivamus consectetur elit sem, ac sagittis turpis rutrum sollicitudin. Nulla semper eros ut odio tempus aliquam. Integer lectus tortor, semper elementum dolor nec, accumsan blandit tellus. Nullam ligula nisi, dapibus et rutrum eu, dapibus non purus. Etiam sed erat purus.

Read more
Blog

Phasellus turpis ex, porta ac purus eu

Nunc eu tincidunt dolor. Vestibulum id arcu id nisi finibus aliquam. Sed vel dictum nisi. Mauris ut justo erat. Etiam ut tortor gravida, euismod lorem ut, mollis lacus. Cras vitae metus quis diam laoreet efficitur sit amet nec eros.

Read more
Event

Aenean a ante massa

In hac habitasse platea dictumst. Quisque tempus urna ex, sed condimentum erat finibus sed. Nam pulvinar lectus sed vehicula gravida.

Read more

AECOM Block Fullwidth Media 1

has CTA Button, default column, no animation

Suspendisse semper orci et tincidunt sodales. Praesent non nisi sit amet metus hendrerit ultricies eget vehicula quam. Vivamus luctus dignissim varius.

AECOM Block Fullwidth Media 2

no CTA button, reversed column

Suspendisse semper orci et tincidunt sodales. Praesent non nisi sit amet metus hendrerit ultricies eget vehicula quam. Vivamus luctus dignissim varius.

AECOM Block Fullwidth Media 3

with animation

Suspendisse semper orci et tincidunt sodales. Praesent non nisi sit amet metus hendrerit ultricies eget vehicula quam. Vivamus luctus dignissim varius.

AECOM Block Media – Image

Aenean a ante massa. In hac habitasse platea dictumst. Quisque tempus urna ex, sed condimentum erat finibus sed. Nam pulvinar lectus sed vehicula gravida. Praesent suscipit aliquet lectus. In venenatis egestas euismod. Nulla in metus purus. Pellentesque mi metus, vulputate ac malesuada in, pretium sed ligula. Nunc ornare, est pharetra interdum iaculis, lectus velit mattis elit, pretium faucibus nunc est et felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent porta neque neque, eget laoreet arcu finibus eget. Mauris facilisis nisi sed ullamcorper congue.

Aliquam et dignissim tellus. Aenean ac tempor arcu, quis gravida velit.

Learn more

AECOM Block Media – Video

Aenean a ante massa. In hac habitasse platea dictumst. Quisque tempus urna ex, sed condimentum erat finibus sed. Nam pulvinar lectus sed vehicula gravida. Praesent suscipit aliquet lectus. In venenatis egestas euismod. Nulla in metus purus. Pellentesque mi metus, vulputate ac malesuada in, pretium sed ligula. Nunc ornare, est pharetra interdum iaculis, lectus velit mattis elit, pretium faucibus nunc est et felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent porta neque neque, eget laoreet arcu finibus eget. Mauris facilisis nisi sed ullamcorper congue.

Aliquam et dignissim tellus. Aenean ac tempor arcu, quis gravida velit.

AECOM Testimonial Block

AECOM Block Boilerplate

About AECOM
AECOM is the world’s trusted infrastructure consulting firm, delivering professional services throughout the project lifecycle – from advisory, planning, design and engineering to program and construction management. On projects spanning transportation, buildings, water, new energy and the environment, our public- and private-sector clients trust us to solve their most complex challenges. Our teams are driven by a common purpose to deliver a better world through our unrivaled technical and digital expertise, a culture of equity, diversity and inclusion, and a commitment to environmental, social and governance priorities. AECOM is a Fortune 500 firm and its Professional Services business had revenue of $14.4 billion in fiscal year 2023. See how we are delivering sustainable legacies for generations to come at aecom.com and @AECOM.

AECOM Timeline Block

1944

Huber, Hunt & Nichols, Inc. is founded in Indianapolis and specializes in industrial/manufacturing facilities.

1956

General Motors asks Hunt to build a facility in San Francisco – in essence, inaugurating Hunt’s expansion across the US.

1975

The Mercedes-Benz Superdome (built as the Louisiana Superdome) is completed, becoming the largest domed stadium in the world.

1990s

Hunt is ranked among the top 25 general contractors in the nation.

2000

Huber, Hunt & Nichols, Inc. becomes Hunt Construction Group.

2006

State Farm Stadium (built as University of Phoenix Stadium) is completed by Hunt and named one of the “World’s Ten Most Impressive Sports Structures” by BusinessWeek.

2007

The second major expansion of Chicago’s McCormick Place, the West Expansion, is completed and wins the Award of Merit by Midwest Construction.

2008

Nationals Park (Washington, D.C.) is completed and becomes the first LEED Certified professional stadium.

2008

LAC + USC Medical Center Replacement Hospital, one of the largest public hospitals in the country, is completed.

2009

Lake Buena Vista’s Bonnet Creek Resort is completed and wins the Award of Excellence by Southeast Construction.

2012

VA Southern Nevada Healthcare System Medical Center is completed and wins a 2011 Nevada OSHA SHARP Safety Award.

2014

Hunt merges with AECOM, a fully integrated infrastructure and support services firm.

2014

One World Trade Center, the tallest building in the Western Hemisphere, is completed. The 104-story, 3.5 MSF tower reaches a height of 1,776 feet and achieves LEED Gold certification.

2017

Henry B. Gonzalez Convention Center Expansion is completed, making it the largest capital improvement project in San Antonio history and is awarded the 2016 DBIA National Award of Merit in the Civic/Assembly category.

2019

Louis Armstrong New Orleans International Airport’s North Terminal is completed and features 16 airlines and 170,000 SF of glass curtainwall.

2019

One Vanderbilt in New York City opens and stands 58 stories and 1,401 feet tall. The 1.6 MSF tower achieves LEED Platinum and the highest level of WELL certification.

2020

Phoenix Sky Harbor International Airport Terminal 3 Modernization is completed, marking AECOM Hunt’s fifth project working with the airport.

2020

Sofi Stadium is completed and becomes California’s largest outdoor entertainment space. The venue also contains the largest video scoreboard for professional sports – 360-foot, double-sided, 4K resolution.

2021

The Four Seasons Hotel and Private Residences New Orleans opens after a transformative adaptive reuse of a commercial tower, offering 341 hotel rooms and nearly 100 hotel-serviced condos across its 33 stories.