Skip to main content

PRODUCT NAME/SOLUTION HERE (OPTIONAL)

Header - Hero Section

This is an example of a "Header - Hero" component formatted for a main pages. You can customize the color of text within the H1 with indigo, cyan, or mint. You can include an optional image, video, or animation on the right.

Compound - Third Party Review Carousel

Compound - Logos, Single Row

This is a Compound - Logos, Single Row component where you can place a number of logos in to a single row. In this example, 12 logos have been added. This description field is optional.

Optional Link Text Here
  • Firelight Technologies > Logo
  • Prismax > Logo
  • Paul Scherrer Institute > Logo
  • Sanei Hytechs Co., Ltd. > Logo
  • TIE Kinetix > Logo
  • SPIE Sud-Est > Logo
  • ES ASUR - Case Study > Logo
  • Spirent Communications > Logo
  • Raytheon > Logo
  • Fristads > Logo
  • Motorola > Logo
  • SOLID > Logo

Compound - Logos, Multi Row

This is a Compound - Logos, Single Row component where you can place a number of logos in to a single row. In this example, 36 logos have been added. This description field is optional.

Optional Link Text Here
AVM > Logo ACI Worldwide > Logo ACCESS > Logo ABB > Logo Mitsubishi > Logo Toshiba > Logo Continental > Logo Gatso > Logo Socionext > Logo KPIT > Logo Viveris Technologies > Logo Delphi Diesel Systems > Logo Abiomed > Logo Haldex > Logo Schneider Electric > Logo Biolin Scientific > Logo Sennheiser > Logo Transurban > Logo DiMenco > Logo Expedia > Logo BC Hydro > Logo Siemens Energy > Logo Atmos Energy > Logo NASA > Logo Spirent Communications > Logo Raytheon > Logo Motorola > Logo Sports Interactive > Logo SPIE Sud-Est > Logo Paul Scherrer Institute > Logo TIE Kinetix > Logo ES ASUR - Case Study > Logo Fristads > Logo SOLID > Logo Firelight Technologies > Logo Prismax > Logo

Compound - Cards with Icons

Optional Subhead

Compound - Stats Component with Default Images

Full Height Example

100+

3-6 Cards are available in this component...

One-Third Height

90%

...Full, One- and Two-Third Heights...

Two-Third Height

100%

Always In A Three Column Layout

Stat Supertitle

100%

Stat Description Field Placed Here

Compound - Stats Component with Custom Images

19/20

Top AAA Game Dev Studios

Top

Virtual Production Teams (link See Virtual Production Solutions)

9/10

Top Semiconductor Companies (link See Semiconductor Design Solutions)

Compound - Mason Grid Cards with Default Images

Mason Cards exist in sets of 2, 4, or 6 and build left to right

100%

Icons/images can also be added to the upper left corner

Available field: Stat Lead

Available field: Supertitle

STAT

Available field: Stat Description

All available fields shown to the left are optional and will be invisible if not included

Compound - Mason Grid Cards with Custom Images

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia

100M+

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet consectetur

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Product Comparison Table

This is a stylized table component where you can add items to communicate what is included, or not included, with items and categories.

  • Item name 1

    Item name 2

    Item name 3

    Item name 4

    Optional Featured Item Placed Here

  • Topic Placed Here A

  • Criteria/Feature One Placed Here

  • Criteria/Feature Two Placed Here

  • Criteria/Feature Three Placed Here

  • Topic Placed Here 2

  • Criteria/Feature One Placed Here

  • Criteria/Feature Two Placed Here

  • Topic Placed Here 3

  • Criteria/Feature One Placed Here

  • Criteria/Feature Two Placed Here

  • Criteria/Feature Four Placed Here

  • Topic Placed Here 4

  • Criteria/Feature One Placed Here

  • Criteria/Feature Three Placed Here

Compound - Progressive Cards - Title

Perforce Components application building parts.

Optional Supertitle

Card Title

Lorem ipsum dolor sit amet. Id rerum placeat id recusandae earum rem nostrum consectetur est impedit officia est reprehenderit illo sit magnam modi.

  • Qui omnis porro aut quas quos quo
  • Eius assumenda est
  • Natus dolorem qui quae similique a aperiam velit

Lorem ipsum dolor sit amet, an vix nostro timeam, ut persius iracundia adipiscing duo. At affert scaevola detraxit eam. Ea suas nonumy per. At libris mollis ius, per no cetero assentior voluptaria.

 

 

Perforce HydraExpress detailed diagram example of how it works.

Optional Supertitle

Card Title

Qui quibusdam sint ut dolor dolorem id deleniti pariatur quo ipsa iusto cum dicta omnis est vitae exercitationem. Sed molestias sint qui sint molestias eos omnis nobis vel doloribus animi ut corrupti aspernatur est velit velit.

Aut blanditiis veniam est excepturi voluptates sit adipisci reiciendis et excepturi nihil sit magnam tempora non eveniet aliquam. Et nemo numquam quo nemo sunt in eveniet tenetur aut dolor illo. Lorem ipsum dolor sit amet, an vix nostro timeam, ut persius iracundia adipiscing duo. At affert scaevola detraxit eam. Ea suas nonumy per. At libris mollis ius, per no cetero assentior voluptaria.

 

 

Compound - Tabbed Accordion - Heading

Accordion Heading



Accordion Tab Heading 2


Compound - Tabbed Accordion With Image - Title

Sub heading lorem ipsum.





Image
Upshift Automotive Development to Overtake the Competition eBook mockup.

Compound - Pricing Cards Optional Heading

Compound - Pricing Cards - Pricing Card Name

Up to XX Users

$00.00mo.

Monthly flat fee

XX-XX Users*

$00.00 year

Per user. Plan billed annually

Card description lorem ipsum.

Card features lorem ipsum.

"Card CTA Statement" text

Link Text

Card disclaimer text.

Featured text looks like this

Pricing Card Name

Up to XX Users

$00.00mo.

Monthly flat fee

XX-XX Users*

$00.00 year

Per user. Plan billed annually

Card description text.

Card features text.

CTA statement text.

Pricing Card Name

Up to XX Users

$00.00mo.

Monthly flat fee

XX-XX Users*

$00.00 year

Per user. Plan billed annually

Card description text.

Card feature text. 

CTA statement text.

Compound - Icon Callouts

Icon Callout - Title 1

Icon Callout - Title 2

Icon Callout - Title 3

Compound - Tabs

Pricing Cards

Product 1

Up to 10 Users

25mo.

Monthly flat fee

11-100 Users*

500 mo.

Per user. Plan billed annually

Card description text.

Card features text.

*Gliffy is used by teams of 20k+. Contact us for information on enterprise pricing.

Linke Text

Please note that Atlassian licensing, quotes, and renewals are handled only on Atlassian Marketplace. For more information...

Product 2

Up to 10 Users

10.99mo.

Monthly flat fee

11-100 Users*

99.99 mo.

Per user. Plan billed annually

Card description text.

Card features text.

*Gliffy is used by teams of 20k+. Contact us for information on enterprise pricing.

Link Text 2

Please note that Atlassian licensing, quotes, and renewals are handled only on Atlassian Marketplace. For more information...

Basic Text

Image
A screenshot from P4V, the Perforce Helix Core visual client, in dark mode


Default CTA Section with Form Component

Compound - Full Width CTA Section

2 Column CTA Section

3 Column CTA Section