Skip to content

Marketing design system

Templates

Page structure and the order in which components fit together.

Templates describe structure. The numbered composition below each family shows the order of its sections; expand the reference to see that structure with representative content.

Homepage

  1. 01Navigation
  2. 02Hero
  3. 03Service grid
  4. 04Platform selector
  5. 05Industry grid
  6. 06Pricing
  7. 07Audit form
  8. 08Footer
View composed reference

About

  1. 01Navigation
  2. 02Mission hero
  3. 03Origin statement
  4. 04Principles
  5. 05Rules
  6. 06Name story
  7. 07Contact cards
  8. 08Audit form
  9. 09Footer
View composed reference

Pricing

  1. 01Navigation
  2. 02Page introduction
  3. 03Pricing tiers
  4. 04FAQ
  5. 05Footer
View composed reference

Contact

  1. 01Navigation
  2. 02Page introduction
  3. 03Contact form and information sidebar
  4. 04Footer
View composed reference

Article index

  1. 01Navigation
  2. 02Page introduction
  3. 03Category selector
  4. 04Article grid
  5. 05Footer
View composed reference

Legal document

  1. 01Navigation
  2. 02Document heading
  3. 03Numbered content and links
  4. 04Footer
View composed reference

Service detail

  1. 01Navigation
  2. 02Breadcrumb
  3. 03Service hero
  4. 04Pain points
  5. 05Solution
  6. 06Features
  7. 07Plan availability
  8. 08FAQ
  9. 09Closing CTA
  10. 10Footer
View composed reference

Industry detail

  1. 01Navigation
  2. 02Breadcrumb
  3. 03Industry hero
  4. 04Challenges
  5. 05Solutions
  6. 06Services
  7. 07CTA
  8. 08Footer
View composed reference

Article detail

  1. 01Navigation
  2. 02Breadcrumb
  3. 03Category and metadata
  4. 04Title and article body
  5. 05Related navigation
  6. 06CTA
  7. 07Footer
View composed reference