MirrorSphere Email Template — House Style

Brand palette

Typography

• Font: 'Montserrat', Arial, Helvetica, sans-serif (Google Fonts link, with web-safe fallback)
• Headings 800 weight, uppercase, tight letter-spacing; body 11–12px, line-height 1.6
• Section labels: 8px, 700, uppercase, letter-spacing .14em, steel colour

Layout

• 620px max width, table-based, table-layout:fixed
• Header: slate background, white MS logo, title + category tag, 3px sky→steel accent bar
• Body: white; info boxes use panel background with a 4px coloured left border (orange / sky / steel)
• CTA: slate gradient panel with an orange button (and an Outlook VML button fallback)
• Footer: slate, address line + "MirrorSphere Sales" tag, accent bar, legal block (Co. No / VAT)

Compatibility & responsiveness (the bits most templates miss)

• Preheader text (hidden) at the top
• Dark mode: @media (prefers-color-scheme: dark) + Outlook [data-ogsc] overrides
• Mobile: @media only screen and (max-width:640px)
• Outlook: <!--[if mso]> conditionals for the button and header

Merge variables

• Standard Halo fields: $LINKTOREQUEST (agent), $LINKTOREQUESTUSER (end-user portal), $FAULTID, $SYMPTOM — casing is not strict, but be consistent
• Custom fields: $CF<FieldName> (e.g. $CF00280) — casing follows the field code
• Prefer a portal link variable over a hardcoded https://portal.mirrorsphere.com/ URL where possible