GM_MASTER_standard.png

Content Manager Documentation

This documentation showcases each component and the varieties that it’s able to achieve. Every component has its settings (colours, themes, font size, etc) that could be adjusted according to your needs.

P.S. Any theme that are not mentioned in this documentation is currently unused, unless they’re needed for future improvements. Choosing these themes won’t break the page - just produces plain style.

Screenshot_2025_06_05_144506_3c94c5e2c0

Headings

The UK's number one retailer, servicer and calibrator of Audiological Equipment

Call us on: 01384 890600 or enquire about any product here.

Heading Small Height - Theme 1

The UK's number one retailer, servicer and calibrator of Audiological Equipment

Call us on: 01384 890600 or enquire about any product here.

Heading Medium Height - Theme 1

The UK's number one retailer, servicer and calibrator of Audiological Equipment

Call us on: 01384 890600 or enquire about any product here.

Heading Large Height - Theme 1

Buttons

Typography

Primary Color

Heading Extra Small

Heading Small

Heading Medium

Heading Large

Heading Extra Large

Secondary Color

Heading Extra Small

Heading Small

Heading Medium

Heading Large

Heading Extra Large

Accent Color

Heading Extra Small

Heading Small

Heading Medium

Heading Large

Heading Extra Large

And this is how a regular paragraph looks like. You can also adjust the sizing and the colors too, just like the heading ones.

This is extra small size, accent color

This is small size, primary color

This is medium size, secondary color

This is large size, accent color

This is extra large size, primary color

Product Cards Section

Accordion

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium
  • Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis
  • Et quasi architecto beatae vitae dicta sunt explicabo

Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur

  • Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
  • Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
  • Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi.

Collection Cards (for Employees)

Paul-(SM)

Paul Balmer

General Manager

Robert-(SM)

Robert York

Operations Manager

Sam-(SM)

Samantha Walker

Finance Manager

Adrian-(SM)

Adrian Sewell

Technical Manager

Banners

Everything Audiology First Large

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Everything Audiology First Medium

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Everything Audiology First Small

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Everything Audiology Second Large

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Everything Audiology Second Medium

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Everything Audiology Second Small

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

xcare-complete-header

Everything Audiology With Image

Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment. Our manufacturer trained engineers offer repairs on all makes and models of equipment.

Content Block

Content Block First Theme

  • Content is aligned vertically middle
Service-1 1

Content Block Second Theme

  • Content is aligned vertically at top
Service-1 1
Vector

Content Block Third Theme

  • Columns with outline
  • Has gap between columns
  • NOTE: Extra small image is dedicated for icon size (60px*60px); Extra large image will always have 100% width
Vector

Content Block Third Theme

  • Columns with secondary color outline
  • Has gap between columns
  • NOTE: Extra small image is dedicated for icon size (60px*60px); Extra large image will always have 100% width
Vector

Content Block Third Theme

  • Columns with outline
  • Has gap between columns
  • NOTE: Extra small image is dedicated for icon size (60px*60px); Extra large image will always have 100% width
Vector

Content Block Fourth Theme

  • Columns with primary color outline
  • Has gap between columns
  • Has inner horizontal padding
  • Background color set for this theme will not overflow until the side (compare with theme 2)
Vector

Content Block Fourth Theme

  • Columns with primary color outline
  • Has gap between columns
  • Has inner horizontal padding
  • Background color set for this theme will not overflow until the side (compare with theme 2)
Vector

Content Block Fourth Theme

  • Columns with primary color outline
  • Has gap between columns
  • Has inner horizontal padding
  • Background color set for this theme will not overflow until the side (compare with theme 2)

Testing text in textblock

  • List 1
  • List 2
  • List 3
  1. Numbered list 1
  2. Numbered list 2
  3. Numbered list 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt laoreet mattis. Morbi cursus tellus eu lorem lacinia, eu lobortis neque eleifend. Etiam in sapien quis massa lobortis ornare sit amet sit amet lectus.

Nullam at sagittis diam. Phasellus rhoncus urna non orci maximus, eget egestas ipsum hendrerit

Donec mattis congue nunc vestibulum volutpat. Donec fringilla, nisl ac ullamcorper hendrerit, est dolor scelerisque diam, eu faucibus arcu odio fermentum tortor.

Testing text in textblock

  • List 1
  • List 2
  • List 3
  1. Numbered list 1
  2. Numbered list 2
  3. Numbered list 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tincidunt laoreet mattis. Morbi cursus tellus eu lorem lacinia, eu lobortis neque eleifend. Etiam in sapien quis massa lobortis ornare sit amet sit amet lectus.

Nullam at sagittis diam. Phasellus rhoncus urna non orci maximus, eget egestas ipsum hendrerit

Donec mattis congue nunc vestibulum volutpat. Donec fringilla, nisl ac ullamcorper hendrerit, est dolor scelerisque diam, eu faucibus arcu odio fermentum tortor.