TL-hub topic sample

SOLUTIONS : Collapsed
SUPPORT : Collapsed
ABOUT US : Collapsed
RESOURCES : Collapsed

Cliff Notes component (used for highlights, key points)

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Sed do eiusmod tempor incididunt ut labore et

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatu

Promo for article 

test lorum ipsum description (no limit)

Key Insight - single data point - no char limit on this title

110 character count limit -- chart disabled

50%

Key Insight - single data point - no char limit on this title

110 character count limit

50%
Learn more (optional)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatu

Key Insights 3-up -- 65 character count limit here

80
%

110 character count limit

78
%

110 character count limit

77
%

110 character count limit

Key Insights 3-up -- black style - 65 char limit

80
%

110 character count limit

78
%

110 character count limit

77
%

110 character count limit

Key Insight - Horizontal bar chart - simple - legend can be disabled l- no char limit

test
test 2
test 3
test 4
test 5
Metlife blue
99%
Metlife Dark Blue
80%
Purple
70%
Berry - used as a negative
40%
MetLife Gray - used for contrast
30%
Key Insight - Horizontal bar chart - STACKED - legend can be disabled - black style
85% test test
25% test 2 test
75% test TEST 2
22% test 2 TEST 2
can feature multiple layers of text (50 char)
Trend spotting embed (80 char)
25%
This is Quote Feature breaker - body copy char limit is 200 here

eyebrow mandatory

Quote Feature breaker - title is 65 character count limit
15 mins
CTA here (optional)
body copy char limit is 200 here -- background image is optional

eyebrow mandatory

Quote Feature breaker - title is 65 character count limit
15 mins
CTA here (optional)

Brand promise brkr

Main title above has 20 character limt

This is used for styling multiple pieces of content, usually used for product pages 

Second bullet point here

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniamwef

Video Promo

150 cc Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed 

SAmple of text styles for this standard WYSIWYG component - this is title style (H2)

This is subhead style (h3)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatu Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatu

This is a social share capability called SMART HIGHLIGHT.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatu

This is INLINE QUOTE STYLE orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatu

BELOW is a sample of MEDIA EMBED, which can house images, or video, or iframed content (Data viz from oiutside source); spec for image is 1200 x 750; video just needs code from BrightCove ML player

Meet the 100- an employee perspective on workplace trends.
We all know the stats behind the latest workplace trends, but what do they really mean for employees? Watch the video to hear their personal stories.

FAQ module --- Sed do eiusmod tempor incididunt ut labore et 

Expand All

Char count 300 -- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis no

Char count 300 -- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis no

Hub Promo - 40 char count

150 char count for body copy  Lorem ipsum dolor sit amet, consectetur adipiscing - called promo in house AD

Table component - 90 cc

Column 2

Column 3

Column 4 (optional)

Row 2    

Row 2 content

Row 3 content

Row 4 content

Pull quote embed Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis no
Author name
Director, Digital

Report Breaker 65 char count

Report title (25cc)

test

test

Single Feature story breaker 65 cc

145 cc Lorem ipsum dolor sit amet, can image or default

required eyebrow

Text Insight Breaker Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

Recirc w image

1 min read
2 min read
2 min read
2 min read
2 min read
2 min read
Chapter 1
Chapter 2
Chapter 3
Chapter 4
5 min read
5 mins
4 min read
3 min read
3 min read
4 min read
3 min read
5 min read
8 min read

Value Prop