Style Guide Page

• View Style Guide
• Edit page 4715

The Style Guide is a Subpage Layout used to preview reusable components with sample content. It is accessible by direct URL but is hidden from search engines and internal search.

It currently demonstrates:

• default content
• Page Header, with and without an image
• Image Left and Image Right
• Fluid Image Left and Fluid Image Right
• Button Links
• Text Columns
• Testimonial Carousel

The live site also uses Team Members, Logo Grid, Filter Grid, 123FormBuilder and the Accredited Employers directory. Those components have real-page examples linked from their documentation.

#Recommended workflow for a new component

1. Duplicate or create a representative Style Guide module.
2. Add realistic test content, including missing/optional field cases.
3. Check desktop, tablet and mobile layouts.
4. Check keyboard focus, heading order, link purpose and image text alternatives.
5. Obtain approval before copying the component into a public landing page.

Keep Style Guide content as examples rather than client-facing source content. Editing a sample does not update the live module that resembles it.