Never paste an absolute link or use an internal link like /what-is-omnipod when you're linking to a page on the website.
To create a link, you should always be using the Link icon on the toolbar of a wysiwyg field, or a button in the CTA field of a Text/CTA block, or a menu item. For all of these, start typing the title of the page you want to link to, let it drop down a list of matches, then choose it from the list. Don't worry about the language of the link -- it will be the same as the language of the page the link is on.
[Note for Drupal team: for wysiwyg links, need to install Linkit module for this to be true.]
All phone numbers should be tel links (so you can tap to call on a phone), with country codes included in link.
<a href="tel:11234567890">(123) 456-7890</a>
All email addresses should be mailto links (so you can tap to open an email to that address). Reference.
use Title Case Capitalization only (no ALL CAPS, or all lowercase, or Sentence case)
keep button text short and imperative (Learn More, not Learn more about Omnipod DASH)
only one ‘important’ style CTA button per inner pages, only one below hero image on homepages
Alt Text
All non-decorative images must have descriptive alt text. See the linked article for why that is and for suggestions on what to put. Note that we make you put alt text for all images, even if they don't add meaning.
Registered Marks / Trademarks
Use ™ and ® characters. You can use the special character toolbar icon to insert them.
Both ™ and ® will automatically superscript, do not add the html tags for superscripting or they will look too small. The font of the page editor may not show them superscripted.
Always use the actual ™ symbol instead of superscripting TM (<sup>TM</sup>) and always use the actual ® symbol instead of (R) or <sup>(R)</sup>
Note: Nav items for the dropdown menu deeper than a 3rd level will not be shown in main menu but will show in breadcrumb
URL alias rules
If "generate automatic URL alias" is checked then the page title will be used as the alias, preceded by the page titles of any parent pages from the menu structure, if it needs to be customized uncheck this option and edit as needed, following these guidelines:
All lowercase
Translate for the language of the page
Separate all words with hyphens
Reduce labels if it makes sense (can leave out small words like of/the)
Replace & with and
No special characters including accented characters and registered marks/trademarks
HCP pages will get /hcp/ added automatically
You don't need to put the language prefix (like en-gb)
Only exception is diagrams that need labels – and for all diagrams a desktop and mobile version needs to be created so that labels are readable on mobile
If image has text it will have to be replaced on any translations with a translated image if in a different language than original
No animated GIFs anywhere
Never include MLR approval ID's/ Veeva part numbers anywhere on the site
Text Alignment
Don't right-align CTA blocks that contain multi-line text in the body (it's difficult to read).
Avoid centering CTA blocks that contain longer, multi-line text in the body (it's also difficult to read).
Heading capitalization
Don't ever make your headings ALL CAPS.
We've made a design decision that headings (<h1>, <h2>, etc.) are differentiated by font size and weight (bold or not).
If the heading makes sense as a sentence, use Sentence case capitalization with question marks/exclamation points as needed, but only use an ending period if it is a two part sentence.
Examples:
Try Omnipod DASH® for free*
Systems built for simplicity
Is Omnipod right for me?
Pod-tastic! Your form has been submitted.
If the heading does not make sense as a sentence, use Title Case capitalization.
Examples:
Meet the Omnipod DASH® Insulin Management System
Discover Omnipod DASH®
For the headings in Text/CTA blocks or content types with a Body field (like blog posts):
Make your heading numbers follow an outline format for the whole page. The primary heading (Heading 1, <h1>) of the page is the one in the banner/hero at the top. Blocks in sections have headings that start at Heading 2, <h2>.
If you've got any headings inside text within a Text/CTA block, they should be Heading 3,<h3>, etc. (You can use the WYSIWYG editor to select text and turn it into a heading. Don't use bold in text where you should use a heading because keywords in headings have increased SEO value.)
If you don't like the way the styling of the headings looks, you can override that with the "Heading level displayed" option. In a body field, you're going to have to switch to Source and put <h2 class=".h4"> to override.