Use this guide to help you determine which web components are best for your content and how to stylize certain aspects. These are not hard and fast rules, but instead a guide to best practices.
Heroes & Headers Simple Content Blocks Tabbed/Menu Blocks Mid-page Banners Tiles & Grids
Leadership Blocks News & Blog Alternating Content ISSUU Embed Video Blocks
These blocks are exclusively for banners/headers to pages and NOT meant for content further down the page.
For top-level pages (Company, Markets Overview, Our Locations, etc.) and some second-level pages (individual market pages and regional pages) use one of the large hero options. Other pages should use small banner image.
For all image-based hero and header blocks, enable “parallax” function.
This component can utilize a photo or a single looping video. Size should be 12:5 aspect ratio for both.
This is essentially the same as Large Hero Image Block, but should be used when you want to have multiple videos. The video will be served randomly each time someone visits the page.
Hero – Two X Image Carousel Block
Paragraph style for both header and copy.
Photos should be 59:30 aspect ratio.
Adding multiple slides makes it a carousel
This is a plain text content block that is perfect for copy-only blocks.
Use these for intro sections to other content blocks that don’t include built-in headers, simple paragraphs and copy-heavy sections.
Consider breaking up long copy with subheads.
This is good block for featuring priority sectors, more in-depth project features, storytelling, etc.
There are two options. One (labeled “Wysiwyg”) is a simple option for text and possible image. The second (labeled “Enhanced”) option is designed to feature a sector, a featured image, and a point of contact.
Body is paragraph style.
Include a photo by clicking “Add media.”
Autoformatted Eyebrow
For photo to the left: you can have it be clickable (say, to a project profile) by adding the URL in the “URL” box.
Add a CTA/Contact button by selecting “Add CTA.”
Regional Vice President – Business Development
Talent Acquisition Manager
These blocks are a great way to feature a singular topic. It could be a story. It could be a link to the portfolio. It could be to promote the careers page/recruitment. They are also great in breaking up a page visually, separating similar-looking content blocks. They can be used freely with multiple options for color, imagery and buttons.
For all image-based banners, enable “parallax” function.
You have options for color and style in this block. It can have a background image, as seen here, or you can split it 50/50 with a graphic on one side and copy on the other (see below).
Image should be grayscale and at a 2:1 aspect ratio
Buttons can be added for CTA.
Image should be at a 2:1 aspect ratio
This is a smaller version of the above, with only an image background option. There are multiple colors to choose from for both the banner and CTA buttons.
This block is a good option for highlighting stats, numbers, awards, etc. and pairing them with an icon. It only comes in the blue background option.
Cool stat #1 could go here
Another cool stat goes here
A third cool stat goes here
Up to 4 cool stats can fit
This can be a 1×3 or 1×4 block. It is great for featuring quick hit information, services, features or other similar content and DOES NOT need to link out to another page. If you are linking to another page on our site, see Page Tiles Block or Spotlight Cards Block below.
All images should be cropped 1:1 square aspect ratio
Paragraph style for the copy underneath.
This can be a 1×3 or 1×4 block. It is great for linking to other pages within the Christman website or to self-perform sites.
Because these link out, always enable “Zoom Images on hover.”
If linking within the Christman site, DO NOT enable “Open link in new tab” when adding the link. Only open in new tab if linking outside the TCC site (such as self-perform).
All images should be cropped 1:1 square aspect ratio.
Autoformatted Descriptor
Paragraph style for the copy
This can be a 1×2, 1×3 or 1×4 block. It is great for featuring quick hit information, services, features or other similar content.
It can either include a CTA button or not.
It can link to another page or not. If you link to another page within Christman website, DO NOT enable “Open in New Window” options. If it links outside of the Christman site, ENABLE “Open in New Window.”
Paragraph style for body copy. Can create any CTA button below, linking to another page, a form, a social channel or an affiliate site. Can also no include CTA button.
This link is nearly identical to the Page Tiles Block, but is specifically designed for the market sector pages.
It is 3-coumns wide and will stack in a grid as you add more.
This block will automatically pull in the featured image (icon) and also the description when you select which market to feature.
Healthcare
Explore our portfolio showcasing $2 billion in healthcare projects.
Science and Technology
Complex lab construction and renovation with facilities expertise.
Parking
Unlock expertise in renovation and construction for your parking project.
This is another great way to showcase content that falls under a similar topic/theme. You can use the “Eyebrow” to summarize the topic (i.e. Markets, News, Video, Benefits).
The header should read like a headline to the supported body copy content below.
ONLY use the 3 column-option. If more than 3 cards are added, it will function as a scroller.
Eyebrow
Paragraph style as the body copy. You can add button link below by selecting “Select Link” under “CTA.” Use images or icons as image, cropped to a square 1:1 aspect ratio. Button can be either copper or green.
Use one of these to feature your regional/sector/service leadership.
This is reserved for those identified as company leadership (present on the leadership page) and includes the copper background.
Once you add the block, select “Add leader” and select the name from the dropdown. Any leaders featured on the Company Leadership Page are selectable for this component.
This is for if you want to feature ELPs on your page but are not classified as company leadership and not present on the leadership page.
Use the content tiles block and add their web-formatted headshot as the image and style their name and title as noted below.
Position title in paragraph style
This is to feature news articles on the page and have them automatically pull from our news section. This is great for use on regional pages, market sector pages, and recruitment pages.
There are 1×2 and 1×3 column options. If you add more, the block will automatically convert to a scrolling carousel.
You can manually select which articles to feature using “Curated” setting OR have it automatically pull in stories based on certain taxonomies (location or news category) by using the “Automatic” setting and selecting any and all taxonomies you want to pull into the block.
Always select “Zoom Images on Hover.” If the block is a scrolling carousel, it will automatically disable the zoom feature, which is intentionally designed as not to be an overwhelming amount of movement.
Photos will be autogenerated based on what was set as the “Featured Image” on the news post. Featured images should be cropped to a square 1:1 aspect ratio.
DPSCD celebrates topping out of new Cody High School, marking major milestone toward 2027 opening
Final steel beam signals progress on transformational investment in Detroit students and community
ENR ranks Christman No. 68 among top U.S. contractors
ENR ranks Christman No. 68 nationally, highlighting strong growth, $2.176B revenue, and diverse market leadership.
Fall prevention drives Christman safety stand-down at new Lansing tower
Christman hosts National Safety Stand-Down at Tower on Grand, reinforcing fall prevention and jobsite safety culture.
The Christman Company and Brinker win top AGC Build America Award for Michigan Central Station rehabilitation
Christman and Brinker earn AGC’s top award for restoring Michigan Central Station, a landmark Detroit revitalization project.
Christman announces self-perform leadership transition
Christman Constructors announces a planned self-perform leadership succession, naming new leaders while honoring retiring industry veterans.
The Christman Company announces new leaders in Detroit and Grand Rapids to drive growth and innovation
The Christman Company announces new regional leaders across Michigan to strengthen operations, growth and innovation.
November 2025 Michigan Bond Election Analysis
Although November 2025 bond elections passed at a rate below the historical average, results improved compared to May and August.
Breaking Ground in McKinney: A New Chapter for Binnerri Presbyterian Church
The Christman Company joined Binnerri Presbyterian Church, Omniplan Architects, and the City of McKinney to break ground on a vibrant new campus that will serve one of Texas’s largest Korean American congregations, marking a milestone of community, culture, and shared vision.
Topping Out at Collin County: A Milestone in Public Health Progress
The Collin County Public Health Buildings project in McKinney has reached a major milestone with its topping out event, celebrating the progress and collaboration driving this transformative public health initiative forward.
Christman named one of Crain’s Detroit Business 2025 Top Workplaces
The Christman Company is proud to announce its recognition as one of the 2025 Best Places to Work by Crain’s Detroit Business.
August 2025 Michigan Bond Election Analysis
Michigan’s August 2025 bond election saw modest gains, with 58% of proposals approved despite uncertainty.
NC State’s College of Veterinary Medicine proudly unveils a new translational research facility
NC State University has taken a significant step forward in veterinary medicine with the completion of a new translational research facility
The Christman Company named one of the nation’s top healthcare construction managers
Christman ranks #15 on Modern Healthcare’s 2025 Top CM Firms list for healthcare construction.
The Christman Company places 75 in national ENR contractor ranking
Christman rises to No. 75 on ENR’s Top 400 list and debuts at No. 46 in Top 50 for building revenue.
May 2025 Michigan Bond Election Analysis
Michigan May 2025 bond election results show lower passage rates, highlighting rising challenges for K-12 bond approvals.
This is nearly identical to the News Post Grid Block, but pulls from our blog section of the site. This is great for use on regional pages, market sector pages, and recruitment pages.
You can manually select which articles to feature using “Curated” setting OR have it automatically pull in stories based on certain taxonomies (location or blog category) by using the “Automatic” setting and selecting any and all taxonomies you want to pull into the block.
What sustainable construction really means today and why it’s no longer optional
Sustainability now impacts cost, procurement, performance, and risk across every project phase.
The future of behavioral health construction: designing flexible spaces for better patient outcomes
Future-ready behavioral health spaces designed for safety, flexibility, and improved patient outcomes in evolving care environments.
The most valuable decision you’ll make happens before construction begins
Five principles that separate successful redevelopment projects from the rest
Why preconstruction is your greatest competitive advantage
The most valuable building may be the one everyone else overlooks
How developers are finding opportunity in existing buildings others leave behind.
The business case for adaptive reuse: Why existing buildings are becoming developers’ greatest opportunity
Why adaptive reuse is becoming a preferred development strategy for creating value, identity and community.
What developers should know before acquiring an existing building
A practical guide to evaluating existing buildings before investment decisions are made
Why field knowledge matters in self-perform prefab
Benefits of multi-specialty trade teams: One contract. Multiple trades. Less complexity.
One contract. Multiple trades. Less complexity. Discover how integrated trade teams improve project outcomes.
Rethinking the GMP: Turning cost certainty into clarity
A GMP doesn’t create clarity, it reflects it. Align scope and assumptions early to reduce risk and improve outcomes.
Building the pipeline: The future of the trades depends on people
The future of construction depends on closing the skilled trades gap through early engagement, hands-on learning, and advocacy.
Don’t Pocket the Past — A Commitment to Historic Fabric
Our “Don’t Pocket the Past” program ensures historic materials are protected, documented, and preserved with care.
The hidden risk of ‘routine’
Routine construction tasks can hide serious risks when familiarity leads crews to skip critical safety steps.
Before the pour: how AI and scan technology are eliminating hidden risk
Prevent costly rework with AI and scanning that catch embed errors before the pour, improving accuracy, speed and confidence.
Applying scale with care in Historic Preservation
Historic preservation by Christman: expert teams delivering careful, precise, and respectful restoration solutions nationwide.
This block comes in multiple size variations as well as content type. It can be both single image or image carousel (see below).
See “Video Blocks” section for video options for alternating content.
This is a great visual block to have copy supported directly by an image.
You can have image on right or left of any size alternating content block.
Try to match length of copy with image as not to leave a ton of white space.
It comes in 6-, 4- and 3-column options.
This is to be used to embed a digital publication published on ISSUU. Copy the URL from the ISSUU publication and past it under “ISSUU publication” in web component.
There are a few different options for posting videos on your web page. For all of them, you will need to first upload your video to YouTube (corporate marketing can help with this). You will use the YouTube link to embed videos in each of the blocks below.
This is great for featuring multiple videos in one component, whether they be a related topic or a “featured video” section. Post the YouTube link where it says “URL” and copy the video title and description from YouTube into the same fields in WordPress.
It is a 1×2 grid. If more than 2 videos are added, it becomes a carousel.
Video
By shifting key construction activities offsite, prefabrication provides a smarter, more controlled way to build, delivering measurable advantages in speed, safety, quality and cost. It doesn’t change what gets built, but how we build it.
Take a closer look at the fabrication and installation process of a unique beam, an essential part of the exoskeleton for George Washington’s Mount Vernon project. Measuring 18 feet in length and weighing 1,700 pounds, this impressive piece is assembled with 100 countersunk bolts and 7 full penetration welds, plus a custom-fit top plate to ensure precision.
We asked our female colleagues to write their former selves a letter about their experience as a woman in construction.
This functions in the exact same way as the alternating content block with photos. It comes in 3-, 4- and 6-column options (see below).
This is the 6-column option.
This is the 4-column option.
This is the 3-column option.