diff --git a/apps/www/app/content/digdir/animasjon-og-lyd.mdx b/apps/www/app/content/digdir/animasjon-og-lyd.mdx
new file mode 100644
index 0000000..4ecf8c2
--- /dev/null
+++ b/apps/www/app/content/digdir/animasjon-og-lyd.mdx
@@ -0,0 +1,25 @@
+---
+title: Animasjon og lyd
+sidebar_title: Animasjon og lyd
+description: Det er utviklet egne animasjoner og et eget musikalt uttrykk for Digdir som kan brukes i ulike produksjoner for å skape sammenheng og gi kommunikasjonen et mer levende preg.
+category: Identitet
+order: 1
+published: true
+---
+
+## Våre animasjoner
+De skreddersydde animasjonene tar utgangspunkt i profilformene og interaksjoner mellom dem.
+Bevegelsene skal oppleves rolige, presise og målrettede. 
+
+## Retningslinjer for nye animasjoner
+Ikke bevege munnen, dersom open skal munnen ikke være en outline, men heldekket farge.
+
+### Beste praksis 
+![Plassholderbilde](/images/placeholder.svg)
+
+## Våre lyder
+Grunnelementet i lydbildet er en bærende elektronisk beat, med variasjoner, og innspill av mer taktile elementer.
+Det er utviklet en rekke variasjoner over samme tema, med variert lengde, for å dekke ulike behov. 
+Musikken er skreddersydd og frikjøpt i henhold til rettigheter.
+
+- Vise de forskjellige lydene, forklare tanken bak og hvor de er tenkt skal brukes.
\ No newline at end of file
diff --git a/apps/www/public/images/placeholder.svg b/apps/www/public/images/placeholder.svg
new file mode 100644
index 0000000..08ca2b0
--- /dev/null
+++ b/apps/www/public/images/placeholder.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+  <defs>
+    <style>
+      .cls-1, .cls-2 {
+        fill-rule: evenodd;
+      }
+
+      .cls-1, .cls-3 {
+        fill: #808b91;
+      }
+
+      .cls-2, .cls-4 {
+        fill: #f0f1f3;
+      }
+    </style>
+  </defs>
+  <rect class="cls-4" width="1280" height="720"/>
+  <g>
+    <rect class="cls-3" x="390" y="172.5" width="500" height="375"/>
+    <path class="cls-2" d="M406.5,189v341.99l10.74-14.33,10.75-14.33,10.74-14.33,21.49-28.65,10.74-14.33,21.49-28.65,21.49-28.65,9.02,8.88,18.03,17.75,9.01,8.88,9.02,8.88,9.02,8.88,9.02,8.88,9.02,8.88,9.02,8.88,9.02,8.88,9.38-13.68,9.39-13.67,9.38-13.68,9.38-13.68,9.38-13.68,9.39-13.68,9.38-13.68,28.15-41.03,17.55,19.13,35.09,38.25,35.1,38.25,17.55,19.13,17.55,19.13,17.55,19.13,17.55,19.13,17.55,19.12h.07V189h-466.99ZM406.5,189"/>
+    <path class="cls-1" d="M510.88,283.32c0,3.77.6,7.39,1.7,10.79,1.14,3.52,2.83,6.8,4.96,9.73,2.15,2.96,4.77,5.57,7.73,7.73,2.93,2.13,6.21,3.82,9.73,4.97,3.4,1.1,7.03,1.7,10.79,1.7,1.84,0,3.67-.15,5.46-.43,1.81-.29,3.59-.72,5.33-1.28,1.74-.56,3.43-1.26,5.06-2.1,1.62-.83,3.19-1.78,4.67-2.86,1.47-1.07,2.86-2.26,4.17-3.56,1.3-1.3,2.49-2.7,3.56-4.17,1.08-1.49,2.03-3.05,2.86-4.67.83-1.63,1.53-3.32,2.1-5.06.56-1.73.99-3.51,1.28-5.33.28-1.8.43-3.62.43-5.46s-.14-3.67-.43-5.46c-.29-1.81-.72-3.59-1.28-5.33-.57-1.74-1.27-3.43-2.1-5.06-.83-1.62-1.78-3.19-2.86-4.67-1.07-1.47-2.26-2.86-3.56-4.17-1.3-1.3-2.7-2.49-4.17-3.56-1.48-1.08-3.05-2.03-4.67-2.86-1.63-.83-3.32-1.53-5.06-2.1-1.73-.56-3.51-.99-5.33-1.28-1.8-.28-3.62-.43-5.46-.43-3.77,0-7.39.6-10.79,1.7-3.52,1.14-6.8,2.83-9.73,4.97-2.96,2.15-5.57,4.76-7.73,7.73-2.13,2.93-3.82,6.21-4.96,9.73-1.1,3.4-1.7,7.02-1.7,10.79h0ZM510.88,283.32"/>
+  </g>
+</svg>
\ No newline at end of file