diff --git a/README.md b/README.md
index 05552aa..b2d6778 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 ![](https://hackatime-badge.hackclub.com/U087ATD163V/news-analyize)
 
-App Design: [Freeform](https://www.icloud.com/freeform/026AxB798cViZ9jJ2DkNsXUCQ#Untitled_5)
+App Design: [PDF Document](/design.pdf)
 
 ## Why?
 
diff --git a/components/DraggableWindow.vue b/components/DraggableWindow.vue
index 3821657..f31c591 100644
--- a/components/DraggableWindow.vue
+++ b/components/DraggableWindow.vue
@@ -66,7 +66,7 @@ const stopDrag = () => {
       width: props.width || '400px',
       height: props.height || '300px',
     }"
-    class="fixed bg-white dark:bg-gray-800 rounded-md shadow-lg overflow-hidden flex flex-col shadow-lg shadow-xl/30"
+    class="fixed bg-white dark:bg-gray-800 rounded-xl shadow-lg overflow-hidden flex flex-col shadow-lg shadow-xl/30"
   >
     <div
       @mousedown="startDrag"
diff --git a/components/app/windows/about.vue b/components/app/windows/about.vue
index a3b03b9..d25eaec 100644
--- a/components/app/windows/about.vue
+++ b/components/app/windows/about.vue
@@ -1,3 +1,6 @@
+<script setup lang="ts">
+import copyrightInfo from "~/components/app/info/copyright.vue";
+</script>
 <template>
   <div class="justify-center align-center text-center flex flex-col">
     <div class="flex flex-col">
@@ -21,5 +24,10 @@
         ></span
       >
     </div>
+    <hr/>
+    <div class="flex flex-col">
+        <span class="text-xl">版權資訊</span>
+        <copyrightInfo />
+    </div>
   </div>
 </template>
diff --git a/components/app/windows/aboutNewsOrg.vue b/components/app/windows/aboutNewsOrg.vue
index f53022b..a724d80 100644
--- a/components/app/windows/aboutNewsOrg.vue
+++ b/components/app/windows/aboutNewsOrg.vue
@@ -44,9 +44,9 @@ onMounted(() => {
       <div
         class="flex flex-row bg-[#AAACAAFF] rounded-3xl p-3 gap-3 m-3 scale-5"
       >
-        <NuxtImg
+        <img
           :src="fetchNewsOrgInfo?.logoUrl"
-          class="w-48 h-48 rounded-[10px]"
+          class="w-48 h-48 rounded-l-3xl object-cover p-0 m-0"
         />
         <div class="flex flex-col gap-3 text-left">
           <h1 class="text-4xl font-bold m-3 text-left">
diff --git a/design.pdf b/design.pdf
new file mode 100644
index 0000000..665e17c
Binary files /dev/null and b/design.pdf differ
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index 7b57673..3dd8b31 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -60,6 +60,7 @@
     "search": "Search",
     "chatbot": "Chatbot",
     "starred": "Starred",
-    "terminal": "Terminal"
+    "terminal": "Terminal",
+    "aboutNewsOrg": "About this news organization",
   }
 }
diff --git a/i18n/locales/zh-tw.json b/i18n/locales/zh-tw.json
index 54b87ac..cc10765 100644
--- a/i18n/locales/zh-tw.json
+++ b/i18n/locales/zh-tw.json
@@ -60,6 +60,7 @@
     "search": "搜尋",
     "chatbot": "聊天機器人",
     "starred": "收藏",
-    "terminal": "終端機"
+    "terminal": "終端機",
+    "aboutNewsOrg": "關於這個新聞來源"
   }
 }
diff --git a/pages/app/desktop/index.vue b/pages/app/desktop/index.vue
index 52bac2d..9ebfd41 100644
--- a/pages/app/desktop/index.vue
+++ b/pages/app/desktop/index.vue
@@ -149,6 +149,8 @@ const associAppWindow = [
     id: "10",
     title: t("app.aboutNewsOrg"),
     component: AboutNewsOrgWindow,
+    width: "600px",
+    height: "400px",
   },
   {
     name: "tty",