diff --git a/webapp/constants/metadata.js b/webapp/constants/metadata.js
index 9a2cbf5c9..b60242dfb 100644
--- a/webapp/constants/metadata.js
+++ b/webapp/constants/metadata.js
@@ -7,4 +7,9 @@ export default {
   ORGANIZATION_NAME: 'ocelot.social Community',
   ORGANIZATION_JURISDICTION: 'City of Angels',
   THEME_COLOR: 'rgb(23, 181, 63)', // $color-primary – as the main color in general. e.g. the color in the background of the app that is visible behind the transparent iPhone status bar to name one use case, or the current color of SVGs to name another use case
+  OG_IMAGE: '/img/custom/logo-squared.png', // Open Graph image for link previews (Telegram, Discord, etc.) – relative URL, override with absolute URL in branding
+  OG_IMAGE_ALT: 'ocelot.social Logo', // alt text for the Open Graph image
+  OG_IMAGE_WIDTH: '1200', // width of the Open Graph image in pixels
+  OG_IMAGE_HEIGHT: '1140', // height of the Open Graph image in pixels
+  OG_IMAGE_TYPE: 'image/png', // MIME type of the Open Graph image
 }
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index fbd1bf4d8..1d7c73d38 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -2,9 +2,20 @@ import path from 'path'
 import fs from 'fs'
 import manifest from './constants/manifest.js'
 import metadata from './constants/metadata.js'
+import locales from './locales/index.js'
 
 const CONFIG = require('./config').default // we need to use require since this is only evaluated at compile time.
 
+// Map language code (e.g. 'de') to Open Graph locale (e.g. 'de_DE') using existing locales definition
+const toOgLocale = (code) => {
+  const locale = locales.find((l) => l.code === code)
+  return locale ? locale.iso.replace('-', '_') : null
+}
+const ogLocale = toOgLocale(CONFIG.LANGUAGE_DEFAULT)
+const ogLocaleAlternates = locales
+  .filter((l) => l.enabled && l.code !== CONFIG.LANGUAGE_DEFAULT)
+  .map((l) => l.iso.replace('-', '_'))
+
 const styleguidePath = '../styleguide'
 const styleguideStyles = [
   // `${styleguidePath}/src/system/styles/main.scss`,
@@ -60,6 +71,23 @@ export default {
         name: 'description',
         content: CONFIG.DESCRIPTION,
       },
+      ...[
+        { hid: 'og:title', property: 'og:title', content: manifest.name },
+        { hid: 'og:description', property: 'og:description', content: CONFIG.DESCRIPTION },
+        { hid: 'og:site_name', property: 'og:site_name', content: manifest.name },
+        { hid: 'og:image', property: 'og:image', content: metadata.OG_IMAGE },
+        { hid: 'og:image:alt', property: 'og:image:alt', content: metadata.OG_IMAGE_ALT },
+        { hid: 'og:image:width', property: 'og:image:width', content: metadata.OG_IMAGE_WIDTH },
+        { hid: 'og:image:height', property: 'og:image:height', content: metadata.OG_IMAGE_HEIGHT },
+        { hid: 'og:image:type', property: 'og:image:type', content: metadata.OG_IMAGE_TYPE },
+        { hid: 'og:type', property: 'og:type', content: 'website' },
+        { hid: 'og:locale', property: 'og:locale', content: ogLocale },
+        ...ogLocaleAlternates.map((alt) => ({
+          property: 'og:locale:alternate',
+          content: alt,
+        })),
+        { hid: 'twitter:card', name: 'twitter:card', content: 'summary_large_image' },
+      ].filter((tag) => tag.content),
     ],
     link: [
       {
diff --git a/webapp/static/img/custom/logo-horizontal.png b/webapp/static/img/custom/logo-horizontal.png
new file mode 100644
index 000000000..4df670ff6
Binary files /dev/null and b/webapp/static/img/custom/logo-horizontal.png differ
diff --git a/webapp/static/img/custom/logo-squared.png b/webapp/static/img/custom/logo-squared.png
new file mode 100644
index 000000000..bdd892b0c
Binary files /dev/null and b/webapp/static/img/custom/logo-squared.png differ