Heading 1 - The feature//solution you're highlighting, there should only be one H1 - 

Some support copy if needed


 

Heading 2 - Sub-heading that supports the H1

There will most likely be some more copy here too, use dividers between H2s if necessary
 


 

Heading 3 - If there's an alternate or special call out to support H2

even more additional copy if needed


 

 

Copy:


 

  • Size 16, Helvetica, Black font (unless a link or H1)
     
  • Keep everything left-justified
  • When referencing a button, use ' ' for the button text
  • For links, use #EB6B56 lowercase & underline
  • Use dividers between sections (2 spaces above and below each line)
  • Add 1 space before each new section
  • Special callouts and footnotes can be italicized
  • Use bulleted or numbered lists whenever it makes sense
  • Sub-lists like this one are helpful, too!

 


 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  INSERT DIVIDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


 

Imagery:


 

  • Header photos & videos can be centered, with a simple black border at 100% width
  • All other supporting photos should be left justified, with a simple black border
  • If the screenshot needs a highlight, use a simple box or small arrow in Elastic orange (#f95450) (not the scribbled line)
  • Add 2 spaces above and below each image or video


 

Header photo sample:





 


 

Supporting photo/screenshot example:




Graphical user interface, text, application Description automatically generated


 


 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  INSERT DIVIDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 


 

Search Engine Optimisation:



Title formatting:

{Article Name} | Elastic Suite Support



Description formatting:

A quick descriptor with a call to action like"learn how to XYZ" and always end with "from Elastic Suite". The description can be 1 sentence long.
 



 - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  INSERT DIVIDER - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



Attachments:



Use attachments only when it's something that isn't updated regularly or can't be displayed properly via text or image. Make to give the attachment a complete name.