Components Guide

Component name: Hero Banner, Banner type: Full

No Audio

Recommended heading length: up to 50 characters

There’s no character limit for the subheading, but for aesthetic purposes, it’s recommended to keep the content within 30–40 characters.
Banner Type: Full, Required Image and Video Specs : 1920 Width * 650 Height, Summary Content limited within 150 -200 characters.

Component name: Hero Banner, Banner type: Half

Recommended heading length: up to 50 characters

There’s no character limit for the subheading, but for aesthetic purposes, it’s recommended to keep the content within 30–40 characters.
Banner Type: Half, Required Image and Video Specs : 725 Width * 650 Height, Summary Content limited within 150 -200 characters.

Component name: Hero Banner, Banner type: Landscape

Recommended heading length: up to 50 characters

There’s no character limit for the subheading, but for aesthetic purposes, it’s recommended to keep the content within 30–40 characters.
Banner Type: Landscape, Required Image and Video Specs : 678 Width * 492 Height, Summary Content limited within 150 -200 characters.

Component name: Hero Banner, Banner type: Portrait

Recommended heading length: up to 50 characters

There’s no character limit for the subheading, but for aesthetic purposes, it’s recommended to keep the content within 30–40 characters.
Banner Type: Portrait, Required Image and Video Specs : 398 Width * 492 Height, Summary Content limited within 150 -200 characters.

Component name: Full width Hero banner

Summary/Subtitle Content limited within 50-60 characters otherwise it will get truncated in mobile version.

Frau mit Smartphone vor einem Bildschirm, auf dem Daten dargestellt sind
Frau mit Smartphone vor einem Bildschirm, auf dem Daten dargestellt sind
Frau mit Smartphone vor einem Bildschirm, auf dem Daten dargestellt sind

Recommended heading length: up to 50 characters

Required image for desktop : At least 1920px wide | Required image for tablet : At least 1200px wide | Required image for mobile : At least 767px wide

Component name: Full Width Any Height Image ( Any height can be added)

No Content can be added

Required image for desktop : At least 1920px wide

Required image for tablet : At least 1200px wide

Required image for mobile : At least 767px wide

Component name: Full Width Image Banner

For Desktop :1920px in width and 300px in height

For Tablet: 760px in width and 300px in height

For Mobile: 360px in width and 400px in height

Component name: Promotion Full Width Image with CTA

For Desktop :1640px in width and 300px in height

For Mobile: 700px in width and 300px in height

Component name: Two card component

Required Image Specs : 804 Width * 536 Height

Content limited to 350-400 characters

Required Image Specs : 804 Width * 536 Height

Content limited to 350-400 characters

Component name: SAP Resource center previous issues

Right Box ( Focus of the image aligns towards right as per component requirement )

Required Image Specs : 804 Width * 536 Height

Content limited to 250 - 270 characters

Left Box ( Focus of the image aligns towards left as per component requirement )

Required Image Specs : 804 Width * 536 Height

Content limited to 250 - 270 characters

Component name: Text Image Video Podcast & Quote

Heading Content limited to 120 characters

Required Image Specs : 536 Width * 330 Height

There’s no strict character limit for this component, but for visual consistency, we recommend keeping the content within 700 characters or adjusting it according to the image height to avoid excess white space.

Component name: Text CTA & highlight

Component name: Highlight

Required Image Specs : 398*492 px

Component name: Text & Awards

Heading Content limited to 250 characters

Content limited to 255 characters

Sharon Delgado

Required Image Specs: 250x140px, Content limited to 250 characters

Kevin Kong

Required Image Specs: 250x140px, Content limited to 250 characters

Craig Burgon

Required Image Specs: 250x140px, Content limited to 250 characters

Michael Jacobs

Required Image Specs: 250x140px, Content limited to 250 characters

Jessica Wang

Required Image Specs: 250x140px, Content limited to 250 characters

Component name: Employee network group

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

No Content limition for description section

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Content limited to 70 characters

Content limited to 350 characters

Component name: Insight promo banner

Required Image: 1920 Width * 650 Height

Resource Guide

June 16, 2025
3 min read

Navigating New Tariffs: Enhance Agility and Confidence

Fluctuating tariffs and potential shifts in trade relationships are creating significant challenges for management teams. Companies across industries are pivoting to operate under greater volatility and uncertainty. While the direction, magnitude, and duration of tariffs remain unclear, companies need options and flexibility. Protiviti offers the expertise to help you...

Component name: Heading Summary CTA & Background Image

Heading Content limited to 130 characters

There’s no character limit for the subheading, but for aesthetic purposes, it’s recommended to keep the content within 30–40 characters.

Required Image Specs : 1640x535 px ,Content limited to 255 characters

Component name: Assessment Promo

Heading Content limited to 250 characters

Required Image Specs : 398 Width * 492 Height

Content limited to 850 characters

Component name: Two Image Banner Component

Recommended maximum image width is 820px and minimum is 536px. Height can be variable.

Component name: Image Text Multi Card

Maximum 4 logos can be added

Required Image specs: 800 Width * 245 Height

title=
title=
title=
title=

Component name: Quote

No character limit

Protiviti Atlas provides access to a suite of generative Al capabilities, enabling our teams to create custom solutions that enhance the value we provide around analyzing complex information, real-time translation, creating and examining diagrams and images, and processing video.
Sid

Component name: Full Width Quote

Content limited to 255 characters

Background and font colour option are also available:

Image
Protiviti Atlas provides access to a suite of generative Al capabilities, enabling our teams to create custom solutions that enhance the value we provide around analyzing complex information, real-time translation, creating and examining diagrams and imag
Kim Bozella
Global leader, Technology Consulting, Protiviti

Component name: Accordion

Title Content limited to 255 characters

+

No Content limitation

Title Content limited to 255 characters

+

No Content limitation

Title Content limited to 255 characters

+

No Content limitation

Title Content limited to 255 characters

+

No Content limitation

Component name: Accordion ( Expanded by default )

Title Content limited to 255 characters

-

No Content limitation

Title Content limited to 255 characters

-

Expanded by default

Title Content limited to 255 characters

-

Expanded by default

Title Content limited to 255 characters

-

No Content limitation

Component name: Insights Carousel

Images are pulled from content image of insight being pulled. ( 1920x650 )

Featured insights ( Maximum 12 Insights can be pulled )

Component name: Client story Carousel

Images are pulled from content image of Client story being pulled. ( 1920x650 )

Featured client stories ( Maximum 12 Client stories can be pulled)

Component name: Insight and Client story Carousel

Images are pulled from content image of Insight and Client story being pulled. ( 1920x650 )

Featured insights and client stories ( Maximum 12 can be pulled )

Component name: Featured Insight

Carousel Images are pulled from content image of Insight being pulled. ( 1920x650 )

Component name: Recommended Insights  ( Maximum 4 Insights can be pulled)

Required image for desktop : 352x502 px ( Width can vary depends on need )

Required image for tablet : 329x198 px

Required image for mobile : 329x198 px

Component name: Latest Blogs ( Maximum 4 blogs can be pulled)

Required image for desktop : 399x502 px ( Width can vary depends on need )

Component name: Insights Collection ( Maximum 24 Insight collection pages can be pulled)

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

#
 

Component name: Collection  ( Maximum 4 Insight collection pages can be pulled)

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

Component name: Insight Type ( Maximum 4 insight types can be pulled )

Component name: Text Image & Value Boxes

Component Title limited to 70 characters.

Background Image Specs: 1920 Width * 650 Height

For cards: ( Maximum 4 cards can be added )

  • Card Title limited to 70 characters.
  • Description Content limited to 320 characters.
  • Background Image Specs: 1920 Width * 650 Height
  • Required Image Specs for desktop : 536 Width * 330 Height
  • Preferred Image dimensions for Mobile is 494  Width x 504 Height. In which 270px area should be centered focus area for any image whether it is person image or the letters image and rest part of 494 width should be filled with the background.

Content limited to 70 characters

Title Content limited to 70 characters

Description Content limited to 320 characters.

Required Image Specs for desktop : 536 Width * 330 Height

Preferred Image dimensions for Mobile is 494  Width x 504 Height. In which 270px area should be centered focus area for any image whether it is person image or the letters image and rest part of 494 width should be filled with the background.

Title Content limited to 70 characters

Description Content limited to 320 characters.

Required Image Specs for desktop : 536 Width * 330 Height

Preferred Image dimensions for Mobile is 494  Width x 504 Height. In which 270px area should be centered focus area for any image whether it is person image or the letters image and rest part of 494 width should be filled with the background.

Title Content limited to 70 characters

Description Content limited to 320 characters.

Required Image Specs for desktop : 536 Width * 330 Height

Preferred Image dimensions for Mobile is 494  Width x 504 Height. In which 270px area should be centered focus area for any image whether it is person image or the letters image and rest part of 494 width should be filled with the background.

Title Content limited to 70 characters

Description Content limited to 320 characters.

Required Image Specs for desktop : 536 Width * 330 Height

Preferred Image dimensions for Mobile is 494  Width x 504 Height. In which 270px area should be centered focus area for any image whether it is person image or the letters image and rest part of 494 width should be filled with the background.

Component name: Nested Tab

Component Title limited to 25-30 characters.

Background Image Specs: 1920 Width * 533 Height (Min width of 480px)

For tabs: ( Maximum 4 tabs can be added )

  • Card Title limited to 30 characters.
  • There’s no strict character limit for Description, but for visual consistency, we recommend keeping the content within 700 characters or adjusting it according to the image height to avoid excess white space.
  • Side Image Specs: 536 Width * 330 Height

Title limited to 20-25 characters

Title limited to 30 characters

There’s no strict character limit for this component, but for visual consistency, we recommend keeping the content within 700 characters or adjusting it according to the image height to avoid excess white space.

Careers

There’s no strict character limit for this component, but for visual consistency, we recommend keeping the content within 700 characters or adjusting it according to the image height to avoid excess white space.

Component name: Library Listing

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

For tabs: ( Maximum 8 tabs can be added )

  • Card Title limited to 255 characters, but for aesthetic purposes, it’s recommended to keep the content within 20 characters.
  • There’s 255 character limit for Description, but for aesthetic purposes, it’s recommended to keep the content within 90-95 characters.
  • Side Image Specs: 125 Width * 155 Height

Component Title limited to 255 characters.

Component name: Top Risks Tabbed Component  ( Maximum 4 tabs can be added )

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

Background Image Specs: 1640  Width * 535 Height ( If not added, gradient will automatically imply)

No Content limit for description

For tabs: ( Under one tab 12 cards can be added)

  • Tab Title limited to 20-30 characters
  • Link text limited to 20-30 characters.
  • Card Image Specs: 495 Width * 229 Height
No Content limit

Component name: Text Image & Cards ( Four Column - Medium size )

  • Maximum 12 Cards can be added
  • Background require image spec - 1920x364 px 

There’s no character limit for the Title, but for aesthetic purposes, it’s recommended to keep the content within 70-80 characters.

Content limited to 255 characters

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Component name: Text Image & Cards ( Four Column - Large size cards)

  • Maximum 12 Cards can be added
  • Background require image spec - 1920x364 px 

There’s no character limit for the subheading, but for aesthetic purposes, it’s recommended to keep the content within 70-80 characters.

Sub heading Content limited to 255 characters

Content limited to 70 characters

Maximum character limit for Description is 510 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 510 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 510 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Component name: Text Image & Cards ( Two Column)

  • Maximum 12 Cards can be added
  • For Medium size card - 320 character limit.
  • For Large size card - 510 character limit.
  • Background require image spec - 1920x364 px 

There’s no character limit for the Title, but for aesthetic purposes, it’s recommended to keep the content within 70–80 characters.

Content limited to 255 characters

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Content limited to 70 characters

Maximum character limit for Description is 320 characters.

 

Component name: Video Slider

Maximum 8 videos can be added.

Component name: Full Width Video Component

If we select Background image instead of Background Gradient, specs would be: 1920x1400 px

Component name: Flourish Chart

Component name: Contact Listing

  • Required background image specs : 1920x650 px
  • Maximum 8 contacts can be added

Component name: Leadership

  • There is no restriction on the number of contacts that can be added.
  • Images are pulled from Leadership Landing Image section from leader contact page. ( 1920x650 )Minimum image dimensions must be 398 x 374 pixels. For wide image in leadership component dimensions must be 1200 x 374 pixels.

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 - 30 characters.

No content limited

Component name: Photo collage

Component title: While the character limit is 255, for optimal visual appeal, it’s recommended to keep the title between 20–30 characters.

Description content: There is no strict character limit; however, for better aesthetics, keep the description under 200 characters when using fewer images. If the collage includes many images, aim to keep the description under 150 characters.

Image guidelines: There are no specific image dimensions required, as the collage will automatically adjust image sizes. However, ensure the subject is centered in each image for the best presentation.

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters. Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 20 -30 characters.

Component name: Previous Issue block type

  • Component title: While the character limit is 255, for aesthetic consistency, it’s recommended to keep the title within 50 characters.
  • Issue title: Keep the title between 10–20 characters for best visual balance.
  • Quote: The character limit is 255, but for visual consistency, it's recommended to adjust the quote length based on the component height to avoid excess white space.
  • Image specifications (if quote is not used):
     
    • Use 536x330px when there are fewer past issues.
    • Use 398x492px when there are multiple past issues.
    • Image size depends on the number of previous issues displayed.

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 50 characters.

Qoute limited to 255 characters but for aesthetic purposes, but for visual consistency, we recommend keeping the qoute according to the component height to avoid excess white space.

Component name: Partners

Required logo specs: 530x265 px

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

No content limitation

Component Name: Text background & CTA

Character Limit -> 20 -30 Characters

Component title limited to 255 characters but for aesthetic purposes, it’s recommended to keep the content within 70 characters.

Loading...