mp-design-system 0.7.5 → 0.8.4

package/src/components/iconography.njk

@@ -18,23 +18,23 @@ Icons add visual noise to designs and should be used sparingly.
 {% endset %}
 
 {% set icons = [
-  'file',
-  'arrow-right',
   'arrow-left',
+  'arrow-right',
   'chevron-down',
-  'search',
+  'cross',
+  'dash',
   'facebook',
-  'twitter',
-  'rss',
+  'file',
+  'info',
   'instagram',
   'linkedin',
-  'youtube',
-  'play',
-  'info',
   'log-out',
-  'cross',
+  'play',
+  'rss',
+  'search',
   'tick',
-  'dash'
+  'twitter',
+  'youtube'
 ] %} 
 
 {% set content2 %}
@@ -50,7 +50,9 @@ Adding new icons to the SVG sprite is a manual process.
 5. Paste into Franklin's /src/static/svg/sprite.svg
    - Convert the \<svg> tag into a \<symbol>
    - Add an id attribute
-   - Generall ensure your \<symbol> looks the same as existing ones
+   - Generally ensure your \<symbol> looks the same as existing ones
+
+Please remember to add your icon to this page!
 {% endset %}
 
 <div class="u-flow--l">
@@ -63,7 +65,7 @@ Adding new icons to the SVG sprite is a manual process.
       <tr>
         <th>Icon</th>
         <th>ID</th>
-        <th>Code</th>
+        <th>Code (Nunjucks)</th>
       </tr>
     </thead>
     <tbody>
@@ -73,7 +75,7 @@ Adding new icons to the SVG sprite is a manual process.
             {{ icon({ id: id }) }}
           </td>
           <td><code>{{ id }}</code></td>
-          <td><code>{{ "{{ icon({ id: id }) }}" }}</code></td>
+          <td><code>{{ "{{ icon({ id:" }} {{ id }} }) }}</code></td>
         </tr>
       {% endfor %}
     </table>

package/src/components/publishing-the-system.md

@@ -8,6 +8,8 @@ sidebar: components
 
 To push changes to the live version of this website, simply `git push` the `master` branch. [Netlify](http://netlify.com/) will automatically rebuild the website with the latest code & design and redeploy it.
 
+Details on editing and updating this website are available in [Confluence](https://malvernpanalytical.atlassian.net/l/cp/mwMV1d1H) (Malvern Panalytical employees only).
+
 ## NPM
 
 When you're ready to cut a new release to NPM, here are the steps you'll need to take:

package/src/content/big-ideas.md

@@ -3,7 +3,7 @@ title: Big ideas for a better world
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-03
+date: 2020-01-04
 ---
 
 ### Explained clearly, confidently and with a few small surprises

package/src/content/boilerplate.md

@@ -0,0 +1,27 @@
+---
+title: Boilerplate
+layout: content-page
+sidebar: content
+status: 'Ready'
+version: 1.0.2
+tags: content
+date: 2020-01-03
+---
+
+{% alert %}
+This is our **boilerplate**: the default text we use to describe ourselves in press releases and other publications.
+{% endalert %}
+
+### About Malvern Panalytical
+
+We draw on the power of our analytical instruments and services to make the invisible visible and the impossible possible. 
+
+Through the chemical, physical and structural analysis of materials, our high precision analytical systems and top-notch services support our customers in creating a better world. We help them improve everything from the energies that power us and the materials we build with, to the medicines that cure us and the foods we enjoy. 
+
+We partner with many of the world’s biggest companies, universities and research organizations. They value us not only for the power of our solutions, but also for the depth of our expertise, collaboration and integrity. 
+
+We are committed to Net Zero in our own operations by 2030 and in our total value chain by 2040. This is woven into the fabric of our business, and we help our employees and customers think about their part in creating a healthier, cleaner, and more productive world. 
+
+With over 2300 employees, we serve the world, and we are part of Spectris plc, the world-leading precision measurement group.
+
+**Malvern Panalytical. We’re BIG on small.™**

package/src/content/index.njk

@@ -34,7 +34,7 @@ Which is why we’ve created these guidelines. They contain simple, practical ad
   }) }}
 
   {{ twi({
-    link: '/static/pdf/FINAL Tone of voice guidelines April 2021.pdf',
+    link: 'https://malvern.sharepoint.com/:b:/r/sites/Intranet/Shared%20Documents/FINAL%20Tone%20of%20voice%20guidelines%20April%202021.pdf?csf=1&web=1&e=vW1Qzs',
     label: 'Download this guide as a PDF',
     classes: 'u-link',
     icon: 'file',

package/src/content/our-voice/1-big-picture.md

@@ -3,7 +3,7 @@ title: 1. We focus on the big picture
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-05
+date: 2020-01-06
 ---
 
 # Not on ourselves

package/src/content/our-voice/2-whats-most-important.md

@@ -3,7 +3,7 @@ title: 2. We say what's most important
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-06
+date: 2020-01-07
 ---
 
 # Not everything we know

package/src/content/our-voice/3-write-like-we-speak.md

@@ -3,7 +3,7 @@ title: 3. We write like we speak
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-07
+date: 2020-01-08
 ---
 
 # Not like a technical report

package/src/content/our-voice/4-write-to-be-skimmed.md

@@ -3,7 +3,7 @@ title: 4. We write to be skimmed
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-08
+date: 2020-01-09
 ---
 
 # Let people find what they need quickly

package/src/content/our-voice/5-active-sentences.md

@@ -3,7 +3,7 @@ title: 5. We use active sentences
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-09
+date: 2020-01-10
 ---
 
 # Passive sentences will not be used

package/src/content/our-voice/6-add-energy.md

@@ -3,7 +3,7 @@ title: 6. We add energy
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-10
+date: 2020-01-11
 ---
 # With short sentences. (Like this).
 

package/src/content/our-voice/7-small-surprises.md

@@ -3,7 +3,7 @@ title: 7. … And we add small surprises
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-11
+date: 2020-01-12
 ---
 # Give our readers a smile in the mind
 

package/src/content/our-voice/seven-steps.md

@@ -3,7 +3,7 @@ title: 7 steps to more clear, confident and surprising writing
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-04
+date: 2020-01-05
 ---
 
 These are the main practical techniques that are the foundation of our tone of voice. 

package/src/content/our-voice/which-techniques-when.md

@@ -3,7 +3,7 @@ title: Which techniques, when?
 layout: content-page
 sidebar: content
 tags: content
-date: 2020-01-12
+date: 2020-01-13
 ---
 
 As you’ll notice from the examples in these guidelines, we don’t need to use *all* the techniques *all* of the time.

package/src/content/real-life-examples/01-who-we-are-boilerplate.md

@@ -14,15 +14,19 @@ Malvern Panalytical was formed by the merger of Malvern Instruments and PANalyti
 
 # After
 
-**When you make the invisible visible, the impossible is possible.**
+**About Malvern Panalytical**
 
-Our analytical systems and services help our customers to create a better world. Through chemical, physical and structural analysis of materials, they improve everything from the energies that power us and the materials we build with, to the medicines that cure us and the foods we enjoy.
+We draw on the power of our analytical instruments and services to make the invisible visible and the impossible possible. 
 
-We partner with many of the world’s biggest companies, universities and research organizations. They value us not only for the power of our solutions, but also for the depth of our expertise, collaboration and integrity.
+Through the chemical, physical and structural analysis of materials, our high precision analytical systems and top-notch services support our customers in creating a better world. We help them improve everything from the energies that power us and the materials we build with, to the medicines that cure us and the foods we enjoy. 
 
-**Our roots**
+We partner with many of the world’s biggest companies, universities and research organizations. They value us not only for the power of our solutions, but also for the depth of our expertise, collaboration and integrity. 
 
-Once, we were two companies: Malvern Instruments and PANalytical. Now we are one, with over 2,200 people worldwide, and part of Spectris plc, the world-leading precision measurements Group.
+We are committed to Net Zero in our own operations by 2030 and in our total value chain by 2040. This is woven into the fabric of our business, and we help our employees and customers think about their part in creating a healthier, cleaner, and more productive world. 
+
+With over 2300 employees, we serve the world, and we are part of Spectris plc, the world-leading precision measurement group.
+
+**Malvern Panalytical. We’re BIG on small.™**
 
 {% alert %}
 ### What's changed
@@ -31,5 +35,5 @@ Once, we were two companies: Malvern Instruments and PANalytical. Now we are one
 - **Write like we speak**  
   We’ve stripped out all of the business-speak (maximizing productivity, innovative, enhance efficiency) and focused on the real-life problems we’re helping to solve.
 - **Add energy**  
-  Note how using three short sentences in the second paragraph (The energies…The materials…The medicines…) add a sense of drama.
+  Note how using repetition in the second paragraph (the energies…the materials…the medicines…the foods) add a sense of drama.
 {% endalert %}

package/src/index.njk

@@ -1,9 +1,9 @@
 ---
 title: "Welcome"
-subtitle: Our design system helps us create consistent experiences across all our digital properties and beyond. It also makes the design and development process faster, more efficient and scalable.
+subtitle: Our design system helps us create consistent experiences across our websites and beyond. It also makes the design and development process faster, more efficient and scalable.
 layout: system-home-page
 renderData:
-  title: "Welcome to the Malvern Panalytical design system"
+  title: "Welcome to the Project Franklin design system"
 ---
 
 {% from "components/prose/macro.njk" import markdown %}
@@ -14,7 +14,7 @@ renderData:
   {{ card({
     theme: {
       layout: 'single',
-      size: 'medium',
+      size: 'large',
       border: true
     },
     header: {
@@ -34,7 +34,7 @@ renderData:
   {{ card({
     theme: {
       layout: 'single',
-      size: 'medium',
+      size: 'large',
       border: true
     },
     header: {
@@ -54,7 +54,7 @@ renderData:
   {{ card({
     theme: {
       layout: 'single',
-      size: 'medium',
+      size: 'large',
       border: true
     },
     header: {
@@ -73,9 +73,15 @@ renderData:
 </div>
 
 {% set content %}
+## Latest
+##### V.{{ config.dsVersion }} - Jul 15 2022
+
+- Add simple logo variant to logo downloads
+- Misc. library improvements
+
 ## A living resource for everyone
 
-As we've grown, our experiences have become disparate and inconsistent. The goal of this design system is to address this by creating a single source of truth. It will rely on us all using and contributing to it, with the ongoing support of the Design System Team.
+As Malvern Panalytical has grown, our online experiences have become disparate and inconsistent. The goal of this design system is to address this by creating a single source of truth. It will rely on us all using and contributing to it, with the ongoing support of the Design System Team.
 {% endset %}
 
 {{ markdown({

package/src/prototype/product.njk

@@ -31,7 +31,7 @@ tagTitle: Product
         <h2 class="c-h c-h--page-subtitle u-margin-top-s-m">Delivering the data you need for outcomes you can trust</h2>
         <div class="mp o-prose u-margin-top-s-m u-flow--m">
           <p>From pharma to food, manufacturing to environmental monitoring, organisations the world over trust the Mastersizer 3000 laser diffraction particle size analyser for fast, accurate and reliable analysis. The instrument’s ease of use and versatility means it’s valued for both scientific research and manufacturing quality control.</p>
-          {{ twi({ classes: 'u-link', label: 'Download brochure', link: '/static/pdf/Mastersizer 3000.pdf', attrs: 'download', icon: 'file', inline: true, colour: 'white' }) }}
+          {{ twi({ classes: 'u-link', label: 'Download brochure', link: 'https://www.malvernpanalytical.com/en/assets/Mastersizer%203000%20Brochure%20%28EN%29_tcm50-58994.pdf', attrs: 'download', icon: 'file', inline: true, colour: 'white' }) }}
         </div>
         <div class="u-margin-top-s-m">
           {{ button({ link: '/prototype/request-a-quote', label: 'Request a quote', inline: true }) }}
@@ -84,6 +84,7 @@ tagTitle: Product
         links: [
           { link: '#features-and-benefits', label: 'Features and benefits' },
           { link: '#key-components', label: 'Key components' },
+          { link: '#faqs', label: 'FAQs' },
           { link: '#use-cases', label: 'Use cases' },
           { link: '#specifications', label: 'Specifications' },
           { link: '#accessories', label: 'Accessories' },
@@ -150,6 +151,28 @@ tagTitle: Product
         </ul>
       </div>
 
+      <div class="mp o-prose u-flow--prose" id="faqs">
+        <h2>Frequently asked questions</h2>
+        <dl class="c-accordion">
+          <div class="c-accordion__item ">
+            <dt class="c-accordion__title">Do I need to prepare the workspace prior to installation?</dt>
+            <dd class="c-accordion__content o-prose u-flow--prose">All instruments need a power source, and some have additional requirements such as a water supply or waste extraction. Where this the case, we will advise you prior to shipping your instrument.</dd>
+          </div>
+          <div class="c-accordion__item ">
+            <dt class="c-accordion__title">What specialist skills or knowledge are required?</dt>
+            <dd class="c-accordion__content o-prose u-flow--prose">You don't need any specialist skills or knowledge to perform a Smart Install. Simply follow the instructions provided.</dd>
+          </div>
+          <div class="c-accordion__item ">
+            <dt class="c-accordion__title">Do I need specialist tools or equipment to Smart Install a new instrument?</dt>
+            <dd class="c-accordion__content o-prose u-flow--prose"><ul><li>For installation of a Mastersizer or Zetasizer system, you will need a computer with internet access in order to view the installation guides. For installation of an Epsilon 1 XRF instrument, you will also need a smartphone or tablet to connect with our support personnel via a secure, augmented reality (AR) platform.</li><li>Everything else you need to install your new instrument will be provided.</li></ul></dd>
+          </div>
+          <div class="c-accordion__item ">
+            <dt class="c-accordion__title">What languages are available for the Smart Install guides?</dt>
+            <dd class="c-accordion__content o-prose u-flow--prose"><ul><li>Mastersizer: English, Chinese, Korean, French, German and Japanese</li><li>Zetasizer: English, Chinese, Korean, French, German and Japanese</li><li>Epsilon 1: English, French, German and Japanese, Spanish and Portuguese</li></ul></dd>
+          </div>
+        </dl>
+      </div>
+
       <div class="mp o-prose u-flow--prose" id="use-cases">
         <h2>What customers use the Mastersizer 3000 for</h2>
         <p>The Mastersizer 3000 lets users find the particle size ‘sweet spot’ for a vast array of processes – helping them create substances that behave more <strong>predictably</strong>, more <strong>safely</strong> and to a higher <strong>quality</strong>. Mastersizers are frequently used for:</p>

package/src/prototype/range.njk

@@ -31,7 +31,7 @@ tagTitle: Range
   },
   cta: {
     label: 'Download brochure',
-    link: '/static/pdf/Mastersizer 3000.pdf',
+    link: 'https://www.malvernpanalytical.com/en/assets/Mastersizer%203000%20Brochure%20%28EN%29_tcm50-58994.pdf',
     attrs: 'download',
     icon: 'file'
   }

package/src/static/svg/logo-simple.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" version="1.1" viewBox="0 0 298.1 117.2"><style>.st2{fill:#5bb570}</style><path fill="#313530" d="M122.9 55.2h-4.3v-22h5.5l6.2 14.3h.3l6.2-14.3h5.5v22H138V41.7h-.2l-5.7 13.5H129l-5.7-13.5h-.2v13.5zm40.1 0v-21l4.5-1.1v22.1H163zm6.4-17.1h4.8l3.5 12.7h.3l3.5-12.7h4.7l-5.9 17h-5.1l-5.8-17zm29 12.2h4.2c-.3 1.6-1.2 2.9-2.6 3.8-1.4.9-3.1 1.4-5.2 1.4-2.6 0-4.6-.8-6.1-2.3-1.5-1.5-2.2-3.7-2.2-6.5s.7-5 2.2-6.6c1.5-1.6 3.5-2.4 6-2.4s4.5.8 5.9 2.3c1.4 1.5 2.1 3.6 2.1 6.3v1.4H191v.3c0 1.3.4 2.3 1.1 3 .7.7 1.6 1.1 2.8 1.1.9 0 1.6-.2 2.2-.5.6-.3 1-.7 1.3-1.3zm-3.7-9.1c-1 0-1.9.3-2.6 1-.7.7-1.1 1.6-1.1 2.7h7.3c-.1-1.1-.4-2-1-2.7-.7-.7-1.5-1-2.6-1zm10.6 14v-17h4.4v2.7h.3c.2-.9.7-1.6 1.5-2.1.8-.6 1.7-.8 2.8-.8.8 0 1.3.1 1.7.2v4.1c-.2-.1-.5-.1-.9-.2s-.8-.1-1.2-.1c-1.2 0-2.2.3-3 1-.8.7-1.1 1.6-1.1 2.8v9.4h-4.5zm13.1 0v-17h4.4v2.7h.3c.4-1 1.1-1.7 2-2.3.9-.6 2-.8 3.3-.8 1.9 0 3.4.6 4.4 1.7 1 1.1 1.6 2.7 1.6 4.7v11h-4.5v-9.9c0-1.2-.3-2.1-.8-2.7-.6-.6-1.4-.9-2.4-.9-1.1 0-2 .3-2.7 1-.7.7-1 1.6-1 2.7v9.8h-4.6zm-99.9 7.4h9.3c2.3 0 4.2.7 5.6 2.1 1.4 1.4 2.1 3.3 2.1 5.6s-.7 4.1-2.2 5.5c-1.5 1.4-3.4 2.1-5.7 2.1h-4.4v6.6h-4.7V62.6zm4.7 3.8v7.8h3.4c1.3 0 2.4-.3 3.1-1 .7-.7 1.1-1.6 1.1-2.9 0-1.3-.4-2.2-1.1-2.9-.7-.7-1.8-1-3.1-1h-3.4zm31.7 18.2v-17h4.4v2.7h.3c.4-1 1.1-1.7 2-2.3.9-.6 2-.8 3.3-.8 1.9 0 3.4.6 4.4 1.7 1 1.1 1.6 2.7 1.6 4.7v11h-4.5v-9.9c0-1.2-.3-2.1-.8-2.7-.6-.6-1.4-.9-2.4-.9-1.1 0-2 .3-2.7 1-.7.7-1 1.6-1 2.7v9.8h-4.6zm36.4 0v-21l4.5-1.1v22.1h-4.5zm9.7 6.2h-1.7v-3.6h1c.8 0 1.5-.1 2-.4.5-.3.8-.8 1-1.4l.2-.6-6-17.1h5l3.6 12.9h.3l3.6-12.9h4.8L208.9 85c-.7 2.2-1.7 3.7-2.8 4.6-1.3.8-2.9 1.2-5.1 1.2zm16.8-23.2v-4l4.5-1.2v5.2h3.6v3.7h-3.6V79c0 .7.2 1.3.5 1.6.4.4.9.5 1.7.5.5 0 .9 0 1.3-.1v3.4c-.7.1-1.4.2-2.2.2-2.1 0-3.6-.4-4.4-1.1-.9-.7-1.3-1.9-1.3-3.6v-8.7h-2l1.1-3.7h.8zm11.3 17v-17h4.5v17h-4.5zm0-18.6v-3.3h4.5V66h-4.5zm42.5 18.6v-21l4.5-1.1v22.1h-4.5zm-24.1-4.8c-.2.3-.4.6-.7.8-.6.4-1.3.7-2.3.7-1.2 0-2.1-.5-2.8-1.4-.7-.9-1-2.2-1-3.9 0-1.7.3-2.9 1-3.8.7-.9 1.6-1.3 2.8-1.3.9 0 1.7.2 2.3.7.2.2.4.4.6.7h4.5c-.3-1.4-1-2.5-2-3.4-1.3-1.1-3.1-1.7-5.3-1.7-2.7 0-4.7.8-6.2 2.3-1.4 1.5-2.2 3.7-2.2 6.6 0 2.9.7 5.1 2.2 6.6 1.4 1.6 3.5 2.3 6.2 2.3 2.2 0 4-.6 5.3-1.7 1.1-.9 1.8-2.1 2.1-3.5h-4.5zm-100.9-5.9h.6v-.2c0-2.3-1.4-3-3.3-3-2.5 0-4.7 1.6-4.7 1.6l-1.6-3.1s2.7-2.1 6.7-2.1c4.5 0 7.7 2.5 7.7 6.8v10.7h-4.5V82s-1.3 3-5.2 3c-3.1 0-5.8-1.9-5.8-5.3 0-5.5 7.3-5.8 10.1-5.8zm-3.2 7.8c2.3 0 3.9-2.4 3.9-4.5v-.4h-.7c-2.2 0-5.7.3-5.7 2.7-.1 1.1.7 2.2 2.5 2.2zm11.3-37.3h.6v-.2c0-2.3-1.4-3-3.3-3-2.5 0-4.7 1.6-4.7 1.6l-1.6-3.1s2.7-2.1 6.7-2.1c4.5 0 7.7 2.5 7.7 6.8v10.7h-4.5v-2.6s-1.3 3-5.2 3c-3.1 0-5.8-1.9-5.8-5.3 0-5.4 7.3-5.8 10.1-5.8zm-3.3 7.8c2.3 0 3.9-2.4 3.9-4.5v-.4h-.7c-2.2 0-5.7.3-5.7 2.7 0 1.2.8 2.2 2.5 2.2zm31.3 21.7h.6v-.2c0-2.3-1.4-3-3.3-3-2.5 0-4.7 1.6-4.7 1.6l-1.6-3.1s2.7-2.1 6.7-2.1c4.5 0 7.7 2.5 7.7 6.8v10.7h-4.5V82s-1.3 3-5.2 3c-3.1 0-5.8-1.9-5.8-5.3-.1-5.5 7.3-5.8 10.1-5.8zm-3.3 7.8c2.3 0 3.9-2.4 3.9-4.5v-.4h-.7c-2.2 0-5.7.3-5.7 2.7-.1 1.1.7 2.2 2.5 2.2zm84.2-7.8h.6v-.2c0-2.3-1.4-3-3.3-3-2.5 0-4.7 1.6-4.7 1.6l-1.6-3.1s2.7-2.1 6.7-2.1c4.5 0 7.7 2.5 7.7 6.8v10.7h-4.5V82s-1.3 3-5.2 3c-3.1 0-5.8-1.9-5.8-5.3-.1-5.5 7.3-5.8 10.1-5.8zm-3.3 7.8c2.3 0 3.9-2.4 3.9-4.5v-.4h-.7c-2.2 0-5.7.3-5.7 2.7-.1 1.1.8 2.2 2.5 2.2z"/><path fill="#006776" d="m55.7 58.5.9.9c.3.3.6.4 1 .4s.7-.1 1-.4l34.2-34.2c.5-.5.5-1.4 0-1.9l-.9-.9c-.5-.5-1.4-.5-1.9 0L55.7 56.6c-.6.5-.6 1.4 0 1.9zm5.2 5.3.9.9c.3.3.6.4 1 .4s.7-.1 1-.4l39.4-39.4c.5-.5.5-1.4 0-1.9l-.9-.9c-.5-.5-1.4-.5-1.9 0L60.9 61.8c-.5.5-.5 1.4 0 2zm5.2 5.2.9.9c.3.3.6.4 1 .4s.7-.1 1-.4l44.6-44.6c.5-.5.5-1.4 0-1.9l-.9-.9c-.5-.5-1.4-.5-1.9 0L66.1 67c-.5.6-.5 1.4 0 2z"/><path d="m49.8 62.5-.9.9c-.5.5-.5 1.4 0 1.9l11.3 11.3c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.3-.3.4-.6.4-1s-.1-.7-.4-1L51.7 62.5c-.5-.5-1.4-.5-1.9 0zm25.5 11.2c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l18.2 18.2c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9L75.3 73.7zm-5.2 5.2c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l13 13c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.3-.3.4-.6.4-1s-.1-.7-.4-1L70.1 78.9zm10.4-10.4c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l23.5 23.5c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9L80.5 68.5zM114.4 92 85.8 63.3c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l28.7 28.7c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.4-.5.4-1.4-.2-1.9z" class="st2"/><path fill="#0096b4" d="M60.2 42.2c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9l-17-16.9c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l16.9 16.9zM55 47.4c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9L35.7 22.5c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9L55 47.4zM50.7 53c.4 0 .7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9L25.2 22.5c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l27.3 27.3c.3.3.7.4 1 .4z"/><path d="M57.8 81c.5-.5.5-1.4 0-1.9L46.5 67.7c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9L55 81.8c.3.3.6.4 1 .4s.7-.1 1-.4l.8-.8zm-16.5-8.1c-.5-.5-1.4-.5-1.9 0l-.9.9c-.3.3-.4.6-.4 1s.1.7.4 1l11.3 11.3c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9L41.3 72.9zm23.6 11.3c-.5-.5-1.4-.5-1.9 0l-.9.8c-.5.5-.5 1.4 0 1.9l7.8 7.8c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9l-7.9-7.7zm-5.2 5.2c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l2.6 2.6c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9l-2.7-2.6zM36.1 78.1c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l11.3 11.3c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9L36.1 78.1zm-5.3 5.3c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l7.8 7.8c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.3-.3.4-.6.4-1s-.1-.7-.4-1l-7.9-7.7z" class="st2"/><path d="m28 86.2 8.6 8.6c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.3-.3.4-.6.4-1s-.1-.7-.4-1l-8.6-8.6m-5.3 5.3c-.5-.5-1.4-.5-1.9 0l-.9.9c-.5.5-.5 1.4 0 1.9l2.6 2.6c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9l-2.7-2.6z" class="st2"/><path d="m22.8 91.4 3.4 3.4c.3.3.6.4 1 .4s.7-.1 1-.4l.9-.9c.5-.5.5-1.4 0-1.9l-3.4-3.4" class="st2"/></svg>

package/dist/build/concentric.797defa2.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="641" height="1012" opacity="0.075" fill="none" viewBox="0 0 641 1012"><circle cx="641" cy="506" r="80" stroke="#004157"/><circle cx="641" cy="506" r="20" stroke="#004157"/><circle cx="641" cy="506" r="160" stroke="#004157"/><circle cx="641" cy="506" r="240" stroke="#004157"/><circle cx="641" cy="506" r="320" stroke="#004157"/><circle cx="641" cy="506" r="400" stroke="#004157"/><circle cx="641" cy="506" r="480" stroke="#004157"/><circle cx="641" cy="506" r="560" stroke="#004157"/><circle cx="641" cy="506" r="640" stroke="#004157"/></svg>

package/dist/build/dots-pattern.7a77e237.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="421" height="724" fill="none" viewBox="0 0 421 724"><g stroke="#004157" opacity=".075"><circle cx="36.965" cy="27.974" r="17.5" transform="rotate(-15 36.965 27.974)"/><circle cx="141.285" cy=".021" r="17.5" transform="rotate(-15 141.285 .021)"/><circle cx="3.44" cy="111.496" r="17.5" transform="rotate(-15 3.44 111.496)"/><circle cx="107.76" cy="83.544" r="17.5" transform="rotate(-15 107.76 83.544)"/><circle cx="212.08" cy="55.591" r="17.5" transform="rotate(-15 212.08 55.591)"/><circle cx="74.235" cy="167.067" r="17.5" transform="rotate(-15 74.235 167.067)"/><circle cx="178.555" cy="139.114" r="17.5" transform="rotate(-15 178.555 139.114)"/><circle cx="40.71" cy="250.59" r="17.5" transform="rotate(-15 40.71 250.59)"/><circle cx="145.03" cy="222.637" r="17.5" transform="rotate(-15 145.03 222.637)"/><circle cx="249.35" cy="194.685" r="17.5" transform="rotate(-15 249.35 194.685)"/><circle cx="7.185" cy="334.113" r="17.5" transform="rotate(-15 7.185 334.113)"/><circle cx="111.505" cy="306.16" r="17.5" transform="rotate(-15 111.505 306.16)"/><circle cx="215.825" cy="278.208" r="17.5" transform="rotate(-15 215.825 278.208)"/><circle cx="77.98" cy="389.683" r="17.5" transform="rotate(-15 77.98 389.683)"/><circle cx="182.3" cy="361.73" r="17.5" transform="rotate(-15 182.3 361.73)"/><circle cx="286.62" cy="333.778" r="17.5" transform="rotate(-15 286.62 333.778)"/><circle cx="44.455" cy="473.206" r="17.5" transform="rotate(-15 44.455 473.206)"/><circle cx="148.775" cy="445.254" r="17.5" transform="rotate(-15 148.775 445.254)"/><circle cx="253.095" cy="417.301" r="17.5" transform="rotate(-15 253.095 417.301)"/><circle cx="10.93" cy="556.729" r="17.5" transform="rotate(-15 10.93 556.729)"/><circle cx="115.25" cy="528.776" r="17.5" transform="rotate(-15 115.25 528.776)"/><circle cx="219.57" cy="500.824" r="17.5" transform="rotate(-15 219.57 500.824)"/><circle cx="323.89" cy="472.871" r="17.5" transform="rotate(-15 323.89 472.871)"/><circle cx="81.725" cy="612.299" r="17.5" transform="rotate(-15 81.725 612.299)"/><circle cx="186.045" cy="584.347" r="17.5" transform="rotate(-15 186.045 584.347)"/><circle cx="290.365" cy="556.394" r="17.5" transform="rotate(-15 290.365 556.394)"/><circle cx="48.2" cy="695.822" r="17.5" transform="rotate(-15 48.2 695.822)"/><circle cx="152.52" cy="667.87" r="17.5" transform="rotate(-15 152.52 667.87)"/><circle cx="256.84" cy="639.917" r="17.5" transform="rotate(-15 256.84 639.917)"/><circle cx="361.16" cy="611.965" r="17.5" transform="rotate(-15 361.16 611.965)"/><circle cx="223.315" cy="723.44" r="17.5" transform="rotate(-15 223.315 723.44)"/><circle cx="327.635" cy="695.488" r="17.5" transform="rotate(-15 327.635 695.488)"/></g></svg>

package/src/brand/identity/boilerplate.md

@@ -1,23 +0,0 @@
----
-title: Boilerplate
-layout: content-page
-sidebar: brand
-status: 'Ready'
-version: 1.0.2
-tags: brand
----
-
-### When you make the invisible visible, the impossible is possible.
-
-Our analytical systems and services help our customers to create a better world. Through chemical, physical and structural analysis of materials, they improve everything from the energies that power us and the materials we build with, to the medicines that cure us and the foods we enjoy. 
-
-We partner with many of the world’s biggest companies, universities and research organizations. They value us not only for the power of our solutions, but also for the depth of our expertise, collaboration and integrity.
-
-With over 2200 employees, we serve the world, and we are part of Spectris plc, the world-leading precision measurements group.
-
-**Malvern Panalytical. We’re BIG on small.**
-
-{% alert %}
-### This is our boilerplate.
-It's the default text we use to describe ourselves in press releases and other publications.
-{% endalert %}

package/src/brand/identity/index.md

@@ -1,14 +0,0 @@
----
-title: Brand Identity
-layout: content-page
-sidebar: brand
-status: 'Placeholder'
-version: 0.0.1
-tags: brand
----
-
-## Customer centric
-
-A brand is defined by **what a company does**, not just what it says or shows. It means keeping our promises to our stakeholders, proving to them that Malvern Panalytical will always do its best to deliver what they need when they need it. Successful brands never take their stakeholders for granted.
- 
-We will seek to build **more intimate relationships with customers** across hierarchies, in key sectors that will drive the **development of innovative, customer-focused solutions and value-added services**.

package/src/brand/identity/legal-information.md

@@ -1,9 +0,0 @@
----
-title: Legal information
-layout: content-page
-sidebar: brand
-tags: brand
-version: 0.0.1
-status: 'Placeholder'
----
-In development

package/src/brand/identity/strategy.md

@@ -1,12 +0,0 @@
----
-title: Brand Strategy
-layout: content-page
-sidebar: brand
-status: 'Placeholder'
-version: 0.0.1
-tags: brand
----
-
-Our brand identity visualizes and mirrors Malvern Panalytical’s stature and position as a global leader in the materials characterization market.
-
-The **pragmatic implementation** of the brand identity enables everyone throughout the Malvern Panalytical organization to understand and deliver on the promises implied by the brand. The designs and ideas create a recognizable but straightforward signage program for Malvern Panalytical which expresses **its promise, personality, and values**.

package/src/brand/visual/images.md

@@ -1,101 +0,0 @@
----
-title: Images
-layout: system-page
-sidebar: brand
-tags: brand
-version: 1.0.0
-status: 'In production'
----
-
-<div class="mp o-prose u-flow--prose">
-<div class="u-wrap--content">
-
-The images we use can have a great effect on how people perceive our company. Just as we have [tone of voice](/content/) guidelines to help keep our writing clear and effective, our **tone of visuals** guidelines will help you choose images that best represent Malvern Panalytical.
-
-</div>
-<div class="o-grid o-grid--of-two">
-<div>
-
-## MP imaging matrix
-
-- Uniform content strategy across all channels and segments
-- Make sure to use the content type that matches your audience.
-- When the content type needs to cover a broad audience, make sure to cover all content types and rotate them occasionally
-
-## Visual style
-
-- Dramatic lighting - strong color contrast 
-  - retain highlight and shadow detail
-- Striking composition to attract attention
-- Shallow depth of field for emphasis on specific small item - with influence on big change elsewhere
-- Foreground and background blur
-- High-key or Low-key lighting: 
-  - ensure focal point
-- Model may look directly to camera in some shots
-
-</div>
-
-![A diagram of our imaging matrix, showing each area of image use in our marketing materials and what mood or purpose images should aim for.](/static/svg/imaging-matrix.svg)
-
-</div>
-
-<div class="c-library__photo-grid grid-1">
-<div class="u-bg-petrol u-white"><h2>Captivate</h2></div>
-<img src="/static/img/grid-captivate-1.jpg" alt="A silhouette of a woman's face, overlaid with plotted lines and charts of data" loading="lazy">
-<img src="/static/img/grid-captivate-3.jpg" alt="Looking up through tree branches at the Milky Way, filling the night sky" loading="lazy">
-<img src="/static/img/grid-captivate-4.jpg" alt="A glowing Malvern Panalytical logo floats amongst trees in a misty forest " loading="lazy">
-<img src="/static/img/grid-captivate-2.jpg" alt="A network of brass pins embedded in a wooden surface, connected with fine wire" loading="lazy">
-</div>
-
-<div class="c-library__photo-grid grid-1">
-<div class="u-bg-red u-white"><h2>Inspire</h2></div>
-<img src="/static/img/grid-inspire-1.jpg" alt="A scientist wearing protective gear leans in, using a pipette to fill a cuvette" loading="lazy">
-<img src="/static/img/grid-inspire-2.jpg" alt="An extreme close-up of tiny underwater plants, glowing in sunlight" loading="lazy">
-<img src="/static/img/grid-inspire-4.jpg" alt="An industrial pipeline silhouetted against the dawn sky" loading="lazy">
-<img src="/static/img/grid-inspire-3.jpg" alt="A CNC machine cuts into a piece of metal, sending sparks flying" loading="lazy">
-</div>
-
-<div class="c-library__photo-grid grid-2">
-<div class="u-bg-blue u-white"><h2>Inform - Applications</h2></div>
-<img src="/static/img/grid-inform-applications-1.jpg" alt="An engineer in a hard hat crouches down to install solar panels on a roof" loading="lazy">
-<img src="/static/img/grid-inform-applications-2.jpg" alt="A deep sea oil rig lit up against the evening sky" loading="lazy">
-<img src="/static/img/grid-inform-applications-3.jpg" alt="A scientist collects a water sample from a stream and checks it against a touchscreen device" loading="lazy">
-</div>
-
-<div class="c-library__photo-grid grid-2">
-<div class="u-bg-blue u-white"><h2>Inform - Technology</h2></div>
-<img src="/static/img/grid-inform-tech-2.jpg" alt="An engineer types on a laptop, surrounded by server racks, with cable bundles covering the walls and ceiling" loading="lazy">
-<img src="/static/img/grid-inform-tech-1.jpg" alt="A scientist wearing protective gear looks into a microscope" loading="lazy">
-<img src="/static/img/grid-inform-tech-4.jpg" alt="A network of glass spheres, some lit from within, connected by metal rods, suspended in darkness" loading="lazy">
-</div>
-
-<div class="c-library__photo-grid grid-1">
-<div class="u-bg-green u-white"><h2>Convince</h2></div>
-<img src="/static/img/grid-convince-1.jpg" alt="A woman holds a mobile phone to her ear, and smiles at the camera" loading="lazy">
-<img src="/static/img/grid-convince-2.jpg" alt="Liquid is mixed inside a scientific machine, lit from within" loading="lazy">
-<img src="/static/img/grid-convince-3.jpg" alt="Plants with green leaves growing out of glass containers in a laboratory" loading="lazy">
-<img src="/static/img/grid-convince-4.jpg" alt="An aerial view of farmland, with buildings connected by CGI arcs of light in the air" loading="lazy">
-</div>
-
-<div class="u-wrap--content u-margin-top-xl">
-
-## Products
-
-Of course, we still make products too. Product photography is also shot separately, with natural color, isolated on a white background for catalogue use.
-
-</div>
-
-<div class="c-library__image-row">
-  <img src="/static/img/aeris.jpg" alt="An Aeris from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/omnisec.jpg" alt="An Omnisec from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/zetasizer.jpg" alt="A Zetasizer Advance from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/microcal.jpg" alt="A Microcal from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/mastersizer.jpg" alt="A Mastersizer 3000 from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/empyrean.jpg" alt="An Empyrean from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/qualityspec.jpg" alt="A Qualityspec from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/epsilon.jpg" alt="An Epsilon from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/leneo.jpg" alt="A Claisse LeNeo from Malvern Panalytical" loading="lazy">
-  <img src="/static/img/morphologi.jpg" alt="A Morphologi 4 from Malvern Panalytical" loading="lazy">
-</div>
-
-</div>