Facebook Instant Article - SF Fed Blog

Custom Instant Article styles for SF Fed Blog.

Not all content types are supported, including HTML tables. Refer to Facebook Instant Articles documentation for more information.

page screenshot
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7

  1. Header image

    Place <img> tag inside <header>.

  2. Logo

    Use logotype and style <border-bottom color="#6e6e6e">.

  3. Kicker

    Indicate article section. Use <h3 class="op.kicker">, which should be inside the <header> section of the body. Style with <color="#883529">.

  4. Title

    Within the <header>, style with <h1 color="#333333">.

  5. Post date

    Tag date with <address> within the <header>.

  6. Body

    Use backup font, Helvetica Neue, for Instant Article principal font, <color="#333333">

  7. Footer

    Within the <footer> tag, use <aside> for main footer info and <small> for copyright text. (Default social sub-footer automatically appended.)