--- title: Styleguide | Merlo image: https://design.merlo.com/hubfs/raw_assets/public/merlo/images/social-share.jpg description: Styleguide --- [Skip to content](https://design.merlo.com/styleguide#main-content) [Home](https://www.merlo.com/gbr/en/) - Products - Products - [Telehandlers](https://www.merlo.com/gbr/en/p/telehandlers/) - [Special Machines](https://www.merlo.com/gbr/en/p/special-machines/) - [Attachments](https://www.merlo.com/gbr/en/p/attachments/) - [Company](https://www.merlo.com/gbr/en/company/) - [Company](https://www.merlo.com/gbr/en/company/) - [The History of Merlo](https://www.merlo.com/gbr/en/the-history-of-merlo/) - [Merlo Worldwide](https://www.merlo.com/gbr/en/merlo-group-in-the-world/) - [Sustainability](https://www.merlo.com/gbr/en/merlo-sustainability/) - [Technology](https://www.merlo.com/gbr/en/technology/) - [Services](https://www.merlo.com/gbr/en/services/) - [Services](https://www.merlo.com/gbr/en/services/) - [METS](https://campaign.merlo.com/servicetickets?hsLang=en) - [Merlomobility](https://www.merlo.com/gbr/en/merlomobility/) - [CFRM](https://www.merlo.com/gbr/en/cfrm/) - [We Are Merlo](https://www.merlo.com/gbr/en/we-are-merlo/) - [Blog](https://blog.merlo.com/gbr?hsLang=en) - [Shop](https://shop.merlo.co.uk/) - [Work With us](https://www.merlo.com/gbr/en/work-with-us/) - [Customer service](https://www.merlo.com/gbr/en/service/) - [Contacts](https://www.merlo.com/gbr/en/contacts/) - [SAV System](https://sav.merlo.com/merlosav) [Find Dealer](https://www.merlo.com/gbr/en/dealers-merlo/) Menu ![Merlo Logo](https://design.merlo.com/hubfs/raw_assets/public/merlo/images/logo.png) ## Sections - [Colours](https://design.merlo.com/styleguide#colours) - [Typography](https://design.merlo.com/styleguide#typography) - [Buttons](https://design.merlo.com/styleguide#buttons) - [Forms](https://design.merlo.com/styleguide#forms) - [Space](https://design.merlo.com/styleguide#space) - [Grid](https://design.merlo.com/styleguide#grid) - [CMS Content](https://design.merlo.com/styleguide#cms-content) Menu # Styleguide # Colours Merlo text (Primary) Merlo green (Secondary) Merlo dark green (Tertiary) Merlo grey (Quaternary) Grey Extra Dark Grey Dark Grey Grey Light Grey Extra Light Text Links Validation Error Validation Success # Typography # H0 Lorem ipsum dolor sit amet Font: Forza Bold | Line height: 110% | Letter spacing: Normal # H1 Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 110% | Letter spacing: Normal ## H2 Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 110% | Letter spacing: Normal ### H3 Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 110%| Letter spacing: Normal #### H4 Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 110% | Letter spacing: Normal ##### H5 Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 110% | Letter spacing: Normal ###### H6 Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 110% | Letter spacing: Normal ###### Eyebrow Lorem ipsum dolor sit amet Font: Forza Medium | Line height: 130% | Letter spacing: 0.12em; Content Large Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. Font: Montserrat Regular | Line height: 160% | Letter spacing: Normal Content Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. Font: Montserrat Regular | Line height: 160% | Letter spacing: Normal Content Small Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. Font: Montserrat Regular | Line height: 160% | Letter spacing: Normal Content Extra Small Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. Font: Montserrat Regular | Line height: 160% | Letter spacing: Normal # Buttons Regular button Small button Outline button Outline button light Text button Text icon button arrow\_right\_alt # Form This is a form Input field Textarea field Select field Select field Option Radio field Radio 1 Radio 2 Checkbox field Checkbox 1 Checkbox 2 # Space 2XS XS S M L XL 2XL 3XL 4XL 5XL # Grid # CMS Content (Rich Text) # H1 Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. ## H2 Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. ### H3 Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. #### H4 Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. ##### H5 Heading Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. > This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a. - This is a list item in an unordered list - An unordered list is a list in which the sequence of items is not important - This is a list item in an unordered list - An unordered list is a list in which the sequence of items is not important - This is a list item in an unordered list - An unordered list is a list in which the sequence of items is not important 1. This is a list item in an ordered list 2. An ordered list is a list in where the sequence of items is important - This is a list item in an unordered list - An unordered list is a list in which the sequence of items is not important - This is a list item in an unordered list - An unordered list is a list in which the sequence of items is not important 1. This is a list item in an ordered list 2. An unordered list is a list in which the sequence of items is not important 1. This is a list item in an ordered list 2. An unordered list is a list in which the sequence of items is not important 1. This is a list item in an ordered list 2. An unordered list is a list in which the sequence of items is not important 1. This is a list item in an ordered list 2. An unordered list is a list in which the sequence of items is not important 1. This is a list item in an ordered list 2. An unordered list is a list in which the sequence of items is not important **Bold text** *Italic text* Anchor link This text contains subscript text. This text contains superscript text. ``` This is preformatted text ``` | **Column 1** | **Column 2** | **Column 3** | | --- | --- | --- | | Lorem ipsum dolor sit amet | Lorem ipsum | Lorem ipsum dolor sit | | Lorem ipsum | Lorem ipsum dolor sit | Lorem ipsum dolor sit amet, consectetur adipiscing elit | | Lorem ipsum dolor sit amet | Lorem ipsum | Lorem ipsum dolor sit | [![Syndicut](https://design.merlo.com/hubfs/raw_assets/public/merlo/images/syndicut-logo.svg)](http://www.syndicut.com) - Contacts - Headlands Business Park - BH24 3PB - Ringwood Salisbury Rd, Blashford - United Kingdom - TEL [01425 480806](tel:+441425480806) - FAX [01425 477478](tel:+441425480806) - [info@merlo.co.uk](mailto:info@merlo.co.uk) [Home](https://www.merlo.com/gbr/en/) - [Visit us on Instagram](https://www.instagram.com/merloukltd/) - [Visit us on Facebook](https://www.facebook.com/merlouk) - [Visit us on YouTube](https://www.youtube.com/channel/UCKg1-k4H0K3sTQejkpMIPxw) - [Visit us on LinkedIn](https://www.linkedin.com/company/merlo-uk/) - [Visit us on TikTok](https://www.tiktok.com/@merlogroup) - Merlo Group - [Developer](https://www.merlo.com/gbr/en/developer/) - [EXTRACT OF GENERAL PURCHASING CONDITIONS](https://www.merlo.com/gbr/en/extract-of-general-purchasing-conditions/) - [SAV - Team viewer](https://get.teamviewer.com/merlosav) - [SHIPMENT OPERATIVE INSTRUCTIONS](https://www.merlo.com/gbr/en/shipment-operative-instructions-to-merlo-spa-sites/) - [IT - Team viewer](https://get.teamviewer.com/merloit) - [Work with us](https://www.merlo.com/gbr/en/work-with-us/) - Products - [Electric Telehandler](https://www.merlo.com/gbr/en/p/telehandlers/electric-telehandler/ew25-5/) - [Compact Telehandlers](https://www.merlo.com/gbr/en/p/telehandlers/compact-telehandlers/) - [Medium Capacity Telehandlers](https://www.merlo.com/gbr/en/p/telehandlers/medium-capacity-telehandlers/) - [High Capacity Telehandlers](https://www.merlo.com/gbr/en/p/telehandlers/high-capacity-telehandlers/) - [Stabilized telehandlers](https://www.merlo.com/gbr/en/p/telehandlers/stabilized-telehandlers/) - [Rotating telehandlers](https://www.merlo.com/gbr/en/p/telehandlers/rotating-telehandlers/) - [Telescopic Tractors](https://www.merlo.com/gbr/en/p/telehandlers/telescopic-tractors/) - [Concrete Mixer](https://www.merlo.com/gbr/en/p/special-machines/concrete-mixer/dbm/) - [Tool handler tractor](https://www.merlo.com/gbr/en/p/special-machines/tool-handler-tractor/treemme-x/) - [Tracked carriers](https://www.merlo.com/gbr/en/p/special-machines/tracked-carriers/) - [Dumper](https://www.merlo.com/gbr/en/p/special-machines/dumper/dm/) - Equipments - [Forks](https://www.merlo.com/gbr/en/p/attachments/forks/) - [Buckets](https://www.merlo.com/gbr/en/p/attachments/buckets/) - [Forks And Clamps](https://www.merlo.com/gbr/en/p/attachments/forks-and-clamps/) - [Hooks](https://www.merlo.com/gbr/en/p/attachments/hooks/) - [PLatforms](https://www.merlo.com/gbr/en/p/attachments/platforms/) - [Special](https://www.merlo.com/gbr/en/p/attachments/special/) © 2026 MERLO S.p.A. Industria Metalmeccanica P. IVA/Codice Fiscale 03078670043 - Iscrizione CCIAA di Cuneo n. REA CN-260677, Capitale Sociale 15.000.005,00 € int. vers - [Privacy Policy](https://www.merlo.com/gbr/en/privacy-policy/) - [Cookie policy](https://www.merlo.com/gbr/en/cookie-policy/)