diff --git a/package.json b/package.json
index 6c55911..005ffb9 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
 		"server.js"
 	],
 	"devDependencies": {
-		"@adofai-gg/ui": "1.2.0-beta.35",
+		"@adofai-gg/ui": "1.2.0-beta.37",
 		"@commitlint/cli": "^18.4.3",
 		"@commitlint/config-conventional": "^18.4.3",
 		"@fluent/bundle": "^0.18.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3fa6539..4a8fa95 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -25,8 +25,8 @@ importers:
         version: 0.33.1
     devDependencies:
       '@adofai-gg/ui':
-        specifier: 1.2.0-beta.35
-        version: 1.2.0-beta.35(@melt-ui/svelte@0.83.0(svelte@5.0.0-next.257))(svelte@5.0.0-next.257)
+        specifier: 1.2.0-beta.37
+        version: 1.2.0-beta.37(@melt-ui/svelte@0.83.0(svelte@5.0.0-next.257))(svelte@5.0.0-next.257)
       '@commitlint/cli':
         specifier: ^18.4.3
         version: 18.4.3(typescript@5.3.3)
@@ -166,8 +166,8 @@ packages:
     resolution: {integrity: sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==}
     engines: {node: '>=0.10.0'}
 
-  '@adofai-gg/ui@1.2.0-beta.35':
-    resolution: {integrity: sha512-nVrh02WipmoamQxzbiBhN5OCQJD9neFo7A9UguuBHh954u+3KnV+jTX/3FmrdocxPv0+sRxYT56o+ylhNHcmYw==, tarball: https://npm.pkg.github.com/download/@adofai-gg/ui/1.2.0-beta.35/9872a8b354aa061f1d7c57bd7e8e4d2c33005c9f}
+  '@adofai-gg/ui@1.2.0-beta.37':
+    resolution: {integrity: sha512-eKu9VeZBTf8FChP4sUK60/bdny5S3+QGdOQT49A2ojTWLPImLk0VHj29hN3SYyTfBLomRmZ2yE0mtMR1Lr+iug==, tarball: https://npm.pkg.github.com/download/@adofai-gg/ui/1.2.0-beta.37/6c4f0079fe8cb525e6722a8c1ff17f6f719c9b0d}
     peerDependencies:
       '@melt-ui/svelte': '*'
       svelte: '5'
@@ -3679,7 +3679,7 @@ snapshots:
 
   '@aashutoshrathi/word-wrap@1.2.6': {}
 
-  '@adofai-gg/ui@1.2.0-beta.35(@melt-ui/svelte@0.83.0(svelte@5.0.0-next.257))(svelte@5.0.0-next.257)':
+  '@adofai-gg/ui@1.2.0-beta.37(@melt-ui/svelte@0.83.0(svelte@5.0.0-next.257))(svelte@5.0.0-next.257)':
     dependencies:
       '@fontsource/ibm-plex-sans-kr': 5.1.0
       '@melt-ui/svelte': 0.83.0(svelte@5.0.0-next.257)
diff --git a/src/lib/components/levelDetail/LevelActionsArea.svelte b/src/lib/components/levelDetail/LevelActionsArea.svelte
new file mode 100644
index 0000000..871c6a2
--- /dev/null
+++ b/src/lib/components/levelDetail/LevelActionsArea.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+	import { Button, Translation } from '@adofai-gg/ui'
+	import type { APILevel } from '~/lib/types'
+
+	interface Props {
+		level: APILevel
+	}
+
+	const { level }: Props = $props()
+</script>
+
+<div class="level-actions-area">
+	{#if level.downloadUrl}
+		<a href={level.downloadUrl} rel="noreferrer" target="_blank">
+			<Button size="lg" leftIcon="fileDownload">
+				<Translation key="level:download" />
+			</Button>
+		</a>
+	{/if}
+	{#if level.workshopUrl?.trim()}
+		<a href={level.workshopUrl.trim()} rel="noreferrer" target="_blank">
+			<Button size="lg" leftIcon="steam" variant="ghost-dark">
+				<Translation key="level:workshop" />
+			</Button>
+		</a>
+	{/if}
+	<Button size="lg" leftIcon="heartOutlined" variant="ghost-dark">TODO</Button>
+	<Button size="lg" variant="ghost-dark">
+		<Translation key="level:share" />
+	</Button>
+	<Button size="lg" variant="ghost-dark">
+		<Translation key="level:report" />
+	</Button>
+</div>
+
+<style lang="scss">
+	.level-actions-area {
+		display: flex;
+		gap: 8px;
+	}
+</style>
diff --git a/src/lib/localization/ko/level.ftl b/src/lib/localization/ko/level.ftl
index 6579bd5..29ca41b 100644
--- a/src/lib/localization/ko/level.ftl
+++ b/src/lib/localization/ko/level.ftl
@@ -3,4 +3,9 @@ bpm = BPM
 tiles = 타일 수
 
 artists = 아티스트
-creators = 레벨 제작자
\ No newline at end of file
+creators = 레벨 제작자
+
+download = 다운로드
+workshop = 창작마당
+share = 공유
+report = 신고
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cf244c3..6a8b95d 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,6 +2,7 @@
 	import '$lib'
 	import '@adofai-gg/ui/dist/stylesheets/globals.scss'
 	import { IconProvider, Nav, Footer, setGlobalContext } from '@adofai-gg/ui'
+	import { env } from '$env/dynamic/public'
 
 	import type { Snippet } from 'svelte'
 	import { writable } from 'svelte/store'
@@ -33,8 +34,8 @@
 		},
 		urls: {
 			main: '/',
-			signIn: '', // TODO
-			signUp: ''
+			signIn: `${env.PUBLIC_ACCOUNT_SERVICE_URL}/auth/signin`, // TODO
+			signUp: `${env.PUBLIC_ACCOUNT_SERVICE_URL}/auth/signup`
 		}
 	})
 </script>
diff --git a/src/routes/levels/[levelId]/+page.svelte b/src/routes/levels/[levelId]/+page.svelte
index f9b6dfa..0e1790e 100644
--- a/src/routes/levels/[levelId]/+page.svelte
+++ b/src/routes/levels/[levelId]/+page.svelte
@@ -7,6 +7,7 @@
 	import UserListPanel from '~/lib/components/UserListPanel.svelte'
 	import type { UserListItemModel } from '@adofai-gg/ui'
 	import { convertUser } from '~/lib/utils/converter'
+	import LevelActionsArea from '~/lib/components/levelDetail/LevelActionsArea.svelte'
 
 	interface Props {
 		data: PageData
@@ -41,12 +42,15 @@
 	<LevelDetailHeader level={data.level} />
 	<Container topMargin class="grid">
 		<div class="main-content-area">
-			<LevelMetadataArea level={data.level} />
+			<div class="main-upper-container">
+				<LevelMetadataArea level={data.level} />
+				<LevelActionsArea level={data.level} />
+			</div>
 		</div>
 		<div class="meta-area">
 			<LevelTagDisplay level={data.level} />
-			<UserListPanel items={creators} title="level:artists" />
-			<UserListPanel items={artists} title="level:creators" />
+			<UserListPanel items={artists} title="level:artists" />
+			<UserListPanel items={creators} title="level:creators" />
 		</div>
 	</Container>
 </div>
@@ -90,4 +94,10 @@
 			grid-column: span 3;
 		}
 	}
+
+	.main-upper-container {
+		display: flex;
+		flex-direction: column;
+		gap: 16px;
+	}
 </style>
diff --git a/src/routes/levels/[levelId]/+page.ts b/src/routes/levels/[levelId]/+page.ts
index 57bfc0c..2ea034a 100644
--- a/src/routes/levels/[levelId]/+page.ts
+++ b/src/routes/levels/[levelId]/+page.ts
@@ -14,8 +14,6 @@ export const load: PageLoad = async ({ params, fetch }) => {
 
 	const data: APILevel = await res.json()
 
-	console.log(data)
-
 	return {
 		level: data,
 		pageTitle: data.title