diff --git a/ietf/static/images/iab-logo-card.png b/ietf/static/images/iab-logo-card.png
new file mode 100644
index 000000000..5115d26bb
Binary files /dev/null and b/ietf/static/images/iab-logo-card.png differ
diff --git a/ietf/static/images/iab-logo-shadow.svg b/ietf/static/images/iab-logo-shadow.svg
new file mode 100644
index 000000000..f962265da
--- /dev/null
+++ b/ietf/static/images/iab-logo-shadow.svg
@@ -0,0 +1 @@
+<svg width="217.125" height="167.547" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><defs><clipPath clipPathUnits="userSpaceOnUse" id="d"><path d="M72 127.599h90.844V36.755H72Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="f"><path d="M35.199 127.599h90.844V36.755H35.199Z"/></clipPath><clipPath clipPathUnits="userSpaceOnUse" id="h"><path d="M-.801 127.599h90.844V36.755H-.801Z"/></clipPath><pattern patternTransform="translate(72 37.354) scale(.80394)" patternUnits="userSpaceOnUse" x="0" y="0" width="113" height="113" id="e"><defs><mask maskUnits="userSpaceOnUse" x="0" y="0" width="1" height="1" id="a"><image width="1" height="1" style="image-rendering:optimizeSpeed" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></mask></defs><image width="1" height="1" style="image-rendering:optimizeSpeed" preserveAspectRatio="none" transform="matrix(113 0 0 -113 0 113)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABxCAYAAADifkzQAAAABHNCSVQICAgIfAhkiAAAAR9JREFUeJzt0cENwCAQwLCj++8MQ/CoiOwJImXNzB6e9v0dwD0TA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHgAEUJAeGAg0PfAAAAAElFTkSuQmCC" mask="url(#a)"/></pattern><pattern patternTransform="translate(35.2 37.354) scale(.80394)" patternUnits="userSpaceOnUse" x="0" y="0" width="113" height="113" id="g"><defs><mask maskUnits="userSpaceOnUse" x="0" y="0" width="1" height="1" id="b"><image width="1" height="1" style="image-rendering:optimizeSpeed" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></mask></defs><image width="1" height="1" style="image-rendering:optimizeSpeed" preserveAspectRatio="none" transform="matrix(113 0 0 -113 0 113)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABxCAYAAADifkzQAAAABHNCSVQICAgIfAhkiAAAAR9JREFUeJzt0cENwCAQwLCj++8MQ/CoiOwJImXNzB6e9v0dwD0TA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHgAEUJAeGAg0PfAAAAAElFTkSuQmCC" mask="url(#b)"/></pattern><pattern patternTransform="translate(-.8 37.354) scale(.80394)" patternUnits="userSpaceOnUse" x="0" y="0" width="113" height="113" id="i"><defs><mask maskUnits="userSpaceOnUse" x="0" y="0" width="1" height="1" id="c"><image width="1" height="1" style="image-rendering:optimizeSpeed" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></mask></defs><image width="1" height="1" style="image-rendering:optimizeSpeed" preserveAspectRatio="none" transform="matrix(113 0 0 -113 0 113)" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABxCAYAAADifkzQAAAABHNCSVQICAgIfAhkiAAAAR9JREFUeJzt0cENwCAQwLCj++8MQ/CoiOwJImXNzB6e9v0dwD0TA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHAxAATA0wMMDHgAEUJAeGAg0PfAAAAAElFTkSuQmCC" mask="url(#c)"/></pattern></defs><g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"><path d="M0 0h168v130.4H0Z" style="fill:url(#e);fill-opacity:1;fill-rule:nonzero;stroke:none"/></g><g clip-path="url(#f)" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"><path d="M0 0h168v130.4H0Z" style="fill:url(#g);fill-opacity:1;fill-rule:nonzero;stroke:none"/></g><g clip-path="url(#h)" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"><path d="M0 0h168v130.4H0Z" style="fill:url(#i);fill-opacity:1;fill-rule:nonzero;stroke:none"/></g><path d="m135.984 100.9 16.918-16.918a1.998 1.998 0 0 0 0-2.828v0l-33.836-33.84a2 2 0 0 0-2.828 0v0l-33.84 33.84a2 2 0 0 0 0 2.828v0l33.84 33.836a2 2 0 0 0 2.828 0z" style="fill:#183f80;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"/><path d="m99.316 100.9 16.922-16.918a1.998 1.998 0 0 0 0-2.828l-33.84-33.84a2 2 0 0 0-2.828 0l-33.84 33.84a2 2 0 0 0 0 2.828l33.84 33.836a2 2 0 0 0 2.828 0z" style="fill:#999;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"/><path d="M62.652 100.9 79.57 83.982a1.998 1.998 0 0 0 0-2.828l-33.836-33.84a2 2 0 0 0-2.828 0l-33.84 33.84a2 2 0 0 0 0 2.828l33.84 33.836a2 2 0 0 0 2.828 0z" style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"/><path d="m8.77 84.462-2.633-2.753 19.582-19.332L44.098 80.65l18.703-18.641 36.668 36.325 18.613-18.325 18.148 17.957 17.086-16.992 2.821 2.754-19.907 19.606s-18.195-17.864-18.195-18c0-.137-18.75 18.414-18.609 18.414.136 0-36.625-36.461-36.625-36.461l-18.61 18.414-18.382-17.906Z" style="fill:#ff0;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"/><path d="M113.223 32.763h18.414s6.511-.414 7.062-6.785c.555-6.367-5.539-7.336-5.539-7.336s7.617-.14 7.34-7.617c-.277-7.477-9-8.449-9-8.449l-3.047-.137h-15.371zm8.722-6.367v-5.402h5.125s2.629.832 2.629 2.91c0 2.074-2.769 2.492-2.769 2.492zm0-11.773V8.947h5.953s2.911.832 2.911 2.91c0 2.074-3.047 2.77-3.047 2.77l-5.403-.004z" style="fill:#184080;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"/><path d="M75.758 32.9h10.25L97.684 2.576h-9.825L86 7.556H75.48l-1.718-4.832-9.821.137Zm5.105-8.258-3.113-9.75h6.09zM31 32.9h8.527V2.576H31Z" style="fill:#184080;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 0 170.132)"/></svg>
\ No newline at end of file
diff --git a/ietf/static/images/iab-logo.svg b/ietf/static/images/iab-logo.svg
new file mode 100644
index 000000000..ae9dbfa32
--- /dev/null
+++ b/ietf/static/images/iab-logo.svg
@@ -0,0 +1 @@
+<svg width="201.333" height="155.949" xmlns="http://www.w3.org/2000/svg"><path d="m131.984 101.1 16.918-16.918a1.998 1.998 0 0 0 0-2.828l-33.836-33.84a2 2 0 0 0-2.828 0l-33.84 33.84a2 2 0 0 0 0 2.828l33.84 33.836a2 2 0 0 0 2.828 0z" style="fill:#183f80;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 -2.183 158.801)"/><path d="m95.316 101.1 16.922-16.918a1.998 1.998 0 0 0 0-2.828l-33.84-33.84a2 2 0 0 0-2.828 0l-33.84 33.84a2 2 0 0 0 0 2.828l33.84 33.836a2 2 0 0 0 2.828 0z" style="fill:#999;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 -2.183 158.801)"/><path d="M58.652 101.1 75.57 84.182a1.998 1.998 0 0 0 0-2.828v0l-33.836-33.84a2 2 0 0 0-2.828 0v0l-33.84 33.84a2 2 0 0 0 0 2.828v0l33.84 33.836a2 2 0 0 0 2.828 0z" style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 -2.183 158.801)"/><path d="m4.77 84.662-2.633-2.753 19.582-19.332L40.098 80.85l18.703-18.641 36.668 36.325 18.613-18.325 18.148 17.957 17.086-16.992 2.821 2.754-19.907 19.606s-18.195-17.864-18.195-18c0-.137-18.75 18.414-18.609 18.414.136 0-36.625-36.461-36.625-36.461l-18.61 18.414-18.382-17.906Z" style="fill:#ff0;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 -2.183 158.801)"/><path d="M109.223 32.963h18.414s6.508-.414 7.062-6.785c.555-6.367-5.539-7.336-5.539-7.336s7.617-.14 7.34-7.617c-.277-7.477-9-8.445-9-8.445l-3.047-.141h-15.371zm8.722-6.367v-5.402h5.125s2.629.832 2.629 2.91c0 2.074-2.769 2.492-2.769 2.492zm0-11.769v-5.68h5.953s2.911.832 2.911 2.91c0 2.074-3.047 2.77-3.047 2.77h-5.403z" style="fill:#183f80;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 -2.183 158.801)"/><path d="M71.758 33.1h10.25L93.684 2.776h-9.825L82 7.756H71.48l-1.714-4.832-9.825.133Zm5.105-8.258-3.113-9.75h6.09zM27 33.1h8.527V2.776H27Z" style="fill:#183f80;fill-opacity:1;fill-rule:nonzero;stroke:#000;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" transform="matrix(1.33333 0 0 -1.33333 -2.183 158.801)"/></svg>
\ No newline at end of file
diff --git a/ietf/static/images/ietf-logo-card.png b/ietf/static/images/ietf-logo-card.png
new file mode 100644
index 000000000..44fbf2bf7
Binary files /dev/null and b/ietf/static/images/ietf-logo-card.png differ
diff --git a/ietf/static/images/irtf-logo-card.png b/ietf/static/images/irtf-logo-card.png
new file mode 100644
index 000000000..c46cd80fe
Binary files /dev/null and b/ietf/static/images/irtf-logo-card.png differ
diff --git a/ietf/static/images/irtf-logo.svg b/ietf/static/images/irtf-logo.svg
new file mode 100644
index 000000000..ad339fe2b
--- /dev/null
+++ b/ietf/static/images/irtf-logo.svg
@@ -0,0 +1 @@
+<svg width="765" height="990" style="display:inline" xmlns="http://www.w3.org/2000/svg"><g style="display:inline"><text xml:space="preserve" style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;line-height:0%;font-family:'Arial Black';-inkscape-font-specification:'Arial Black,';text-align:start;letter-spacing:0;word-spacing:0;writing-mode:lr-tb;text-anchor:start;fill:#fff;fill-opacity:1;stroke:#000;stroke-width:1.908;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" x="250.217" y="565.473" transform="translate(0 -62.362)"><tspan x="250.217" y="565.473" style="font-size:102.5px;line-height:1.25">R</tspan></text><path style="fill:#bdbcbc;fill-opacity:1;fill-rule:nonzero;stroke:none" d="m134.869 273.355-44.033 44.031 44.033 44.034 44.032-44.034-44.032-44.03m519.185-.001-44.032 44.031 44.032 44.034 44.031-44.034-44.03-44.03m-311.778-.001-44.032 44.031 44.032 44.034 44.032-44.034-44.032-44.03m103.693-.001-44.032 44.031 44.032 44.034 44.032-44.034-44.032-44.03m103.693-.001-44.032 44.031 44.032 44.034 44.033-44.034-44.033-44.03M290.8 325.407l-44.032 44.032 44.032 44.032 44.032-44.032-44.032-44.032m-52.217-52.052-44.033 44.031 44.033 44.034 44.033-44.034-44.033-44.03m155.911 52.051-44.032 44.032 44.032 44.032 44.032-44.032-44.032-44.032m103.693 0-44.032 44.032 44.032 44.032 44.032-44.032-44.032-44.032M290.8 221.827l-44.032 44.03 44.032 44.034 44.032-44.033-44.032-44.031m103.694 0-44.032 44.03 44.032 44.034 44.032-44.033-44.032-44.031m103.693 0-44.032 44.03 44.032 44.034 44.032-44.033-44.032-44.031" transform="translate(0 -62.362)"/><path style="fill:#fccf34;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M98.431 312.254h90.633l49.886 49.886 51.52-51.52 51.807 51.807 104.12-104.12 52.06 52.059 51.52-51.52 53.948 53.949H692.4v10.248h-92.79l-49.903-49.901-51.79 51.79-51.79-51.79-103.58 103.581-51.79-51.792-51.52 51.522-54.22-54.22H97.89l.54-9.98" transform="translate(0 -62.362)"/><path style="fill:none;stroke:#0c0a08;stroke-width:1.90799999;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="M98.431 312.254h90.633l49.886 49.886 51.52-51.52 51.807 51.807 104.12-104.12 52.06 52.059 51.52-51.52 53.948 53.949H692.4v10.248h-92.79l-49.903-49.901-51.79 51.79-51.79-51.79-103.58 103.581-51.79-51.792-51.52 51.522-54.22-54.22H97.89l.54-9.98z" transform="translate(0 -62.362)"/><path style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none" d="M79.997 327.492h21.04v-19.421h-21.04v19.421zm606.244 0h21.04v-19.421h-21.04v19.421zM98.468 565.473h25.715v-73.378H98.468v73.378zm341.277-54.979v-18.399h71.55v18.399h-22.919v54.979h-25.714v-54.98h-22.917m200.334-18.398h53.58v15.494h-27.867v13.34h26.145v15.495h-26.145v29.049H640.08v-73.378" transform="translate(0 -62.362)"/><path style="fill:#fff;fill-opacity:1;stroke:#000;stroke-width:1.90800011;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;display:inline" d="m446.283 169.434-29.062 29.06 29.062 29.062 29.06-29.062-29.06-29.06m-111.179 7.485-29.061 29.06 29.06 29.062 29.062-29.062-29.061-29.06m-148.231 44.032-29.061 29.06 29.061 29.063 29.061-29.062-29.061-29.06m37.408 171.686-29.061 29.06 29.061 29.063 29.061-29.062-29.06-29.06m222.358-14.971-29.061 29.06 29.06 29.062 29.062-29.062-29.061-29.06m155.211-22.201-29.061 29.06 29.061 29.062 29.061-29.062-29.061-29.06M224.145 184.184l-14.531 14.53 14.53 14.531 14.531-14.53-14.53-14.531m52.217-22.027-14.53 14.53 14.53 14.531 14.53-14.531-14.53-14.53m14.751-44.252-14.531 14.53 14.53 14.531 14.531-14.53-14.53-14.531m74.192 29.501-14.531 14.53 14.531 14.53 14.53-14.53-14.53-14.53m118.444-14.751-14.531 14.53 14.53 14.531 14.532-14.53-14.531-14.53m29.501 29.501-14.53 14.53 14.53 14.531 14.53-14.531-14.53-14.53m51.477 22.027-14.531 14.53 14.53 14.531 14.531-14.53-14.53-14.531M201.855 369.897l-14.531 14.53 14.53 14.531 14.531-14.53-14.53-14.531m89.615 59.823-14.531 14.53 14.531 14.53L306 444.25l-14.53-14.53m103.693 0-14.53 14.53 14.53 14.53 14.53-14.53-14.53-14.53m140.42-37.302-14.531 14.53 14.53 14.531 14.531-14.53-14.53-14.53m-36.726 37.301-14.531 14.53 14.53 14.53 14.531-14.53-14.53-14.53m-140.94-37.082-29.06 29.06 29.06 29.063 29.062-29.062-29.062-29.06m243.488-171.688-14.531 14.53 14.53 14.532 14.531-14.531-14.53-14.53m-28.713-73.546-14.531 14.53 14.53 14.53 14.531-14.53-14.53-14.53" transform="translate(0 -62.362)"/></g></svg>
\ No newline at end of file
diff --git a/ietf/templates/base.html b/ietf/templates/base.html
index 15b3c2146..672eeb7b9 100644
--- a/ietf/templates/base.html
+++ b/ietf/templates/base.html
@@ -6,7 +6,7 @@
 {% origin %}
 {% load django_bootstrap5 %}
 {% load django_vite %}
-<html lang="en">
+<html lang="en" {% block html_attrs %}{% endblock %}>
     <head>
         {% analytical_head_top %}
         <meta charset="utf-8">
diff --git a/ietf/templates/doc/document_draft.html b/ietf/templates/doc/document_draft.html
index 22016ab50..5adcc327a 100644
--- a/ietf/templates/doc/document_draft.html
+++ b/ietf/templates/doc/document_draft.html
@@ -5,7 +5,9 @@
 {% load ietf_filters %}
 {% load person_filters %}
 {% load textfilters %}
+{% block html_attrs %}prefix="og: http://ogp.me/ns# article: http://ogp.me/ns/article#"{% endblock %}
 {% block pagehead %}
+    {% include "doc/opengraph.html" %}
     <link rel="alternate"
           type="application/atom+xml"
           title="Document changes"
diff --git a/ietf/templates/doc/opengraph.html b/ietf/templates/doc/opengraph.html
new file mode 100644
index 000000000..be5646f80
--- /dev/null
+++ b/ietf/templates/doc/opengraph.html
@@ -0,0 +1,42 @@
+{# Copyright The IETF Trust 2016-2020, All Rights Reserved #}
+{% load origin %}
+{% load static %}
+{% load ietf_filters %}
+{% origin %}
+<meta property="og:title" content="{% if doc.get_state_slug == 'rfc' and not snapshot %}RFC {{ rfc_number }}: {% endif %}{{ doc.title }}">
+<meta property="og:url" content="{{ settings.IDTRACKER_BASE_URL }}{{ request.path }}">
+<link rel="canonical" href="{{ settings.IDTRACKER_BASE_URL }}{{ request.path }}">
+<meta property="og:site_name" content="IETF Datatracker">
+<meta property="og:description" content="{{ doc.abstract|clean_whitespace }}">
+<meta property="og:type" content="article">
+{% if doc.stream.slug == "ietf" or doc.name|startswith:"draft-ietf" %}
+<meta property="og:image" content="{{ settings.IDTRACKER_BASE_URL }}{% static 'ietf/images/ietf-logo-card.png' %}">
+<meta property="og:image:alt" content="Logo of the IETF">
+<meta property="article:section" content="IETF - Internet Engineering Task Force">
+<meta property="og:image:type" content="image/png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+{% elif doc.stream.slug == "irtf" or doc.name|startswith:"draft-irtf" %}
+<meta property="og:image" content="{{ settings.IDTRACKER_BASE_URL }}{% static 'ietf/images/irtf-logo-card.png' %}">
+<meta property="og:image:alt" content="Logo of the IRTF">
+<meta property="article:section" content="IRTF - Internet Research Task Force">
+<meta property="og:image:type" content="image/png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+{% elif doc.stream.slug == "iab" or doc.name|startswith:"draft-iab" %}
+<meta property="og:image" content="{{ settings.IDTRACKER_BASE_URL }}{% static 'ietf/images/iab-logo-card.png' %}">
+<meta property="og:image:alt" content="Logo of the IAB">
+<meta property="article:section" content="IRTF - Internet Architecture Board">
+<meta property="og:image:type" content="image/png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+{% else %}{# TODO: We need a card image for individual I-Ds. #}
+<meta property="article:section" content="Individual Internet-Draft">
+{% endif %}
+{% for author in doc.documentauthor_set.all %}<meta property="article:author" content="{{ author.person.name}}">
+{% endfor %}
+{% if published %}<meta property="article:published_time" content="{{ published.time|date:'Y-m-d' }}">{% endif %}
+{% if expires %}<meta property="article:expiration_time" content="{{ expires.time|date:'Y-m-d' }}">{% endif %}
\ No newline at end of file
diff --git a/package.json b/package.json
index 9f39bff74..6709e0b31 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,9 @@
         "ietf/static/css/list.scss",
         "ietf/static/css/select2.scss",
         "ietf/static/images/arrow-ani.webp",
+        "ietf/static/images/iab-logo-card.png",
         "ietf/static/images/iesg-draft-state-diagram.png",
+        "ietf/static/images/ietf-logo-card.png",
         "ietf/static/images/ietf-logo-nor-16-dev.png",
         "ietf/static/images/ietf-logo-nor-16.png",
         "ietf/static/images/ietf-logo-nor-180-dev.png",
@@ -95,6 +97,7 @@
         "ietf/static/images/ietf-logo-nor-mask.svg",
         "ietf/static/images/ietf-logo-nor.svg",
         "ietf/static/images/ietf-logo.svg",
+        "ietf/static/images/irtf-logo-card.png",
         "ietf/static/js/agenda_filter.js",
         "ietf/static/js/agenda_materials.js",
         "ietf/static/js/agenda_personalize.js",