diff --git a/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceActivity.kt b/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceActivity.kt
index 84193a1b..56f2a3b1 100644
--- a/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceActivity.kt
+++ b/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceActivity.kt
@@ -1,70 +1,17 @@
 package boostcamp.and07.mindsync.ui.space.generate
 
-import android.content.pm.PackageManager
 import android.net.Uri
 import androidx.activity.viewModels
-import androidx.lifecycle.Lifecycle
-import androidx.lifecycle.lifecycleScope
-import androidx.lifecycle.repeatOnLifecycle
-import boostcamp.and07.mindsync.R
-import boostcamp.and07.mindsync.databinding.ActivityAddSpaceBinding
-import boostcamp.and07.mindsync.ui.base.BaseActivity
-import boostcamp.and07.mindsync.ui.base.BaseActivityViewModel
-import boostcamp.and07.mindsync.ui.space.SpaceUiEvent
-import boostcamp.and07.mindsync.ui.util.ImagePickerHandler
-import boostcamp.and07.mindsync.ui.util.setClickEvent
+import androidx.compose.runtime.Composable
+import boostcamp.and07.mindsync.ui.base.BaseComposeActivity
+import boostcamp.and07.mindsync.ui.theme.MindSyncTheme
 import boostcamp.and07.mindsync.ui.util.toAbsolutePath
 import dagger.hilt.android.AndroidEntryPoint
-import kotlinx.coroutines.flow.collectLatest
-import kotlinx.coroutines.launch
 import java.io.File
 
 @AndroidEntryPoint
-class AddSpaceActivity : BaseActivity<ActivityAddSpaceBinding>(R.layout.activity_add_space) {
+class AddSpaceActivity : BaseComposeActivity() {
     private val addSpaceViewModel: AddSpaceViewModel by viewModels()
-    private val imagePickerHandler =
-        ImagePickerHandler(this) { uri ->
-            createImage(uri)
-        }
-
-    override fun init() {
-        setBinding()
-        setBackBtn()
-        collectSpaceEvent()
-        setClickEventThrottle()
-    }
-
-    override fun getViewModel(): BaseActivityViewModel {
-        return addSpaceViewModel
-    }
-
-    private fun setBinding() {
-        binding.vm = addSpaceViewModel
-    }
-
-    private fun setClickEventThrottle() {
-        binding.imgbtnUpdateSpaceThumbnail.setClickEvent(lifecycleScope) {
-            imagePickerHandler.checkPermissionsAndLaunchImagePicker()
-        }
-    }
-
-    private fun collectSpaceEvent() {
-        lifecycleScope.launch {
-            repeatOnLifecycle(Lifecycle.State.STARTED) {
-                addSpaceViewModel.event.collectLatest { spaceEvent ->
-                    when (spaceEvent) {
-                        is SpaceUiEvent.SuccessAdd -> {
-                            finish()
-                        }
-                        is SpaceUiEvent.ShowMessage -> { // 에러일 경우가 잇나?
-                            showMessage(spaceEvent.message)
-                        }
-                        else -> {}
-                    }
-                }
-            }
-        }
-    }
 
     private fun createImage(uri: Uri?) {
         uri?.let { uri ->
@@ -74,22 +21,16 @@ class AddSpaceActivity : BaseActivity<ActivityAddSpaceBinding>(R.layout.activity
         }
     }
 
-    private fun setBackBtn() {
-        binding.imgbtnAddSpaceBack.setOnClickListener {
-            finish()
-        }
-    }
-
-    override fun onRequestPermissionsResult(
-        requestCode: Int,
-        permissions: Array<out String>,
-        grantResults: IntArray,
-    ) {
-        super.onRequestPermissionsResult(requestCode, permissions, grantResults)
-        if (requestCode == ImagePickerHandler.REQUEST_CODE_PERMISSIONS &&
-            grantResults.isNotEmpty() && grantResults[0] == PackageManager.PERMISSION_GRANTED
-        ) {
-            imagePickerHandler.launchImagePicker()
+    @Composable
+    override fun Content() {
+        MindSyncTheme {
+            AddSpaceScreen(
+                onBackClicked = { this.finish() },
+                addSpaceViewModel = addSpaceViewModel,
+                createSpace = { addSpaceViewModel.addSpace(it) },
+                updateSpaceName = { addSpaceViewModel.onSpaceNameChanged(it, 0, 0, 0) },
+                createImage = { createImage(it) },
+            )
         }
     }
 }
diff --git a/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceScreen.kt b/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceScreen.kt
new file mode 100644
index 00000000..30de5b3b
--- /dev/null
+++ b/AOS/app/src/main/java/boostcamp/and07/mindsync/ui/space/generate/AddSpaceScreen.kt
@@ -0,0 +1,299 @@
+package boostcamp.and07.mindsync.ui.space.generate
+
+import android.net.Uri
+import androidx.activity.compose.ManagedActivityResultLauncher
+import androidx.activity.compose.rememberLauncherForActivityResult
+import androidx.activity.result.PickVisualMediaRequest
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.BoxWithConstraints
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Scaffold
+import androidx.compose.material3.SnackbarHostState
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.input.TextFieldValue
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import boostcamp.and07.mindsync.R
+import boostcamp.and07.mindsync.ui.space.SpaceUiEvent
+import boostcamp.and07.mindsync.ui.space.SpaceUiState
+import boostcamp.and07.mindsync.ui.theme.Blue1
+import boostcamp.and07.mindsync.ui.theme.MindSyncTheme
+import boostcamp.and07.mindsync.ui.theme.Yellow4
+import coil.compose.AsyncImage
+import kotlinx.coroutines.flow.collectLatest
+
+@Composable
+fun AddSpaceScreen(
+    addSpaceViewModel: AddSpaceViewModel,
+    onBackClicked: () -> Unit,
+    createSpace: (String) -> Unit,
+    updateSpaceName: (String) -> Unit,
+    createImage: (Uri) -> Unit,
+) {
+    val uiState by addSpaceViewModel.uiState.collectAsStateWithLifecycle()
+    val snackBarHostState = remember { SnackbarHostState() }
+    HandleAddSpaceEvents(
+        addSpaceViewModel = addSpaceViewModel,
+        onBack = onBackClicked,
+        snackBarHostState = snackBarHostState,
+    )
+    Scaffold(
+        containerColor = Yellow4,
+    ) { innerPadding ->
+        BoxWithConstraints(
+            modifier =
+                Modifier
+                    .padding(innerPadding)
+                    .fillMaxWidth(),
+        ) {
+            AddSpaceContent(
+                uiState = uiState,
+                onBackClicked = onBackClicked,
+                createSpace = createSpace,
+                updateSpaceName = updateSpaceName,
+                createImage = createImage,
+            )
+        }
+    }
+}
+
+@Composable
+fun AddSpaceContent(
+    uiState: SpaceUiState = SpaceUiState(),
+    onBackClicked: () -> Unit = {},
+    createSpace: (String) -> Unit = {},
+    updateSpaceName: (String) -> Unit = {},
+    createImage: (Uri) -> Unit = {},
+) {
+    val imageLauncher =
+        rememberLauncherForActivityResult(
+            contract = ActivityResultContracts.PickVisualMedia(),
+            onResult = { uri ->
+                uri?.let { imageThumbnail ->
+                    createImage(imageThumbnail)
+                }
+            },
+        )
+    Row(verticalAlignment = Alignment.CenterVertically) {
+        AddSpaceTopBar(onBackClicked)
+    }
+    Row(
+        modifier =
+            Modifier
+                .padding(top = 50.dp)
+                .fillMaxWidth(),
+        horizontalArrangement = Arrangement.Absolute.Center,
+    ) {
+        AddSpaceInfo()
+    }
+    Row(
+        modifier =
+            Modifier
+                .fillMaxWidth()
+                .padding(top = 150.dp),
+        horizontalArrangement = Arrangement.Absolute.Center,
+    ) {
+        AddSpaceThumbnail(onImageClicked = imageLauncher, imageUrl = uiState.spaceThumbnail)
+    }
+    Row(
+        modifier =
+            Modifier
+                .fillMaxWidth()
+                .padding(top = 300.dp, start = 20.dp, end = 20.dp),
+        horizontalArrangement = Arrangement.Center,
+    ) {
+        InputSpaceNameField(uiState = uiState, updateSpaceName = updateSpaceName)
+    }
+    Row(
+        modifier =
+            Modifier
+                .padding(top = 450.dp)
+                .fillMaxWidth(),
+        horizontalArrangement = Arrangement.Center,
+    ) {
+        SpaceNameInputButton(createSpace = createSpace, uiState.spaceName)
+    }
+}
+
+@Composable
+private fun HandleAddSpaceEvents(
+    addSpaceViewModel: AddSpaceViewModel,
+    onBack: () -> Unit,
+    snackBarHostState: SnackbarHostState,
+) {
+    LaunchedEffect(addSpaceViewModel.event) {
+        addSpaceViewModel.event.collectLatest { event ->
+            when (event) {
+                is SpaceUiEvent.SuccessAdd -> onBack()
+
+                is SpaceUiEvent.ShowMessage -> snackBarHostState.showSnackbar(event.message)
+                else -> {}
+            }
+        }
+    }
+}
+
+@Composable
+fun AddSpaceTopBar(onBackClicked: () -> Unit) {
+    Row {
+        IconButton(
+            modifier =
+                Modifier
+                    .size(25.dp)
+                    .padding(1.dp),
+            onClick = onBackClicked,
+        ) {
+            Image(
+                painter = painterResource(id = R.drawable.ic_back),
+                contentDescription = null,
+            )
+        }
+        Text(
+            text = stringResource(id = R.string.generate_space_menu_message),
+            style = MaterialTheme.typography.displaySmall,
+            modifier = Modifier.padding(start = 14.dp, top = 1.dp),
+        )
+    }
+}
+
+@Composable
+fun AddSpaceInfo() {
+    Text(
+        text = stringResource(id = R.string.generate_space_title),
+        style = MaterialTheme.typography.displayMedium,
+        textAlign = TextAlign.Center,
+    )
+}
+
+@Composable
+fun AddSpaceThumbnail(
+    onImageClicked: ManagedActivityResultLauncher<PickVisualMediaRequest, Uri?>,
+    imageUrl: String,
+) {
+    Box(
+        modifier =
+            Modifier
+                .size(120.dp),
+    ) {
+        AsyncImage(
+            model = imageUrl,
+            contentDescription = null,
+            placeholder = painterResource(id = R.drawable.ic_placeholder),
+            error = painterResource(id = R.drawable.ic_placeholder),
+            modifier =
+                Modifier
+                    .clickable {
+                        onImageClicked.launch(
+                            PickVisualMediaRequest(ActivityResultContracts.PickVisualMedia.ImageOnly),
+                        )
+                    }
+                    .clip(CircleShape),
+            contentScale = ContentScale.Crop,
+        )
+        Box(
+            Modifier
+                .size(25.dp)
+                .clip(shape = RoundedCornerShape(5.dp))
+                .background(color = Blue1)
+                .align(Alignment.TopEnd),
+        ) {
+            IconButton(onClick = { /*TODO*/ }) {
+                Image(
+                    painterResource(id = R.drawable.ic_add_board),
+                    contentDescription = null,
+                )
+            }
+        }
+    }
+}
+
+@Composable
+fun InputSpaceNameField(
+    uiState: SpaceUiState,
+    updateSpaceName: (String) -> Unit,
+) {
+    val spaceHint = stringResource(id = R.string.space_name_hint)
+    var spaceName by remember {
+        mutableStateOf(
+            TextFieldValue(
+                text = uiState.spaceName,
+            ),
+        )
+    }
+    TextField(
+        modifier = Modifier.fillMaxWidth().padding(20.dp),
+        value = spaceName,
+        onValueChange = {
+            spaceName = it
+            updateSpaceName(it.text)
+        },
+        supportingText = {
+            Text(
+                text = "${uiState.spaceName.length}",
+                modifier = Modifier.fillMaxWidth(),
+                textAlign = TextAlign.End,
+            )
+        },
+        placeholder = { Text(spaceHint) },
+    )
+}
+
+@Composable
+fun SpaceNameInputButton(
+    createSpace: (String) -> Unit,
+    spaceName: String,
+) {
+    val icon = stringResource(id = R.string.space_image_name)
+    Button(
+        onClick = {
+            createSpace(icon)
+        },
+        enabled = spaceName.length in 1..20,
+        modifier = Modifier.width(264.dp),
+        colors =
+            ButtonDefaults.buttonColors(
+                disabledContainerColor = Color.LightGray,
+            ),
+    ) {
+        Text(text = stringResource(id = R.string.check_message))
+    }
+}
+
+@Preview(showSystemUi = true, showBackground = true)
+@Composable
+private fun AddSpacePreview() {
+    MindSyncTheme {
+        AddSpaceContent()
+    }
+}
diff --git a/AOS/app/src/main/res/drawable/ic_placeholder.xml b/AOS/app/src/main/res/drawable/ic_placeholder.xml
new file mode 100644
index 00000000..f7d841b8
--- /dev/null
+++ b/AOS/app/src/main/res/drawable/ic_placeholder.xml
@@ -0,0 +1,162 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="512dp"
+    android:height="512dp"
+    android:viewportWidth="512"
+    android:viewportHeight="512">
+  <path
+      android:pathData="M0,0h512v512h-512z"
+      android:fillColor="#FF8080"/>
+  <path
+      android:pathData="M147.87,248.21a37.51,39.86 100.64,1 0,77.07 20.26a37.51,39.86 100.64,1 0,-77.07 -20.26z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M252.04,195.2a37.51,40.2 101.18,1 0,77.73 20.44a37.51,40.2 101.18,1 0,-77.73 -20.44z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M243.43,250.26a37.51,40.2 101.18,1 0,77.73 20.44a37.51,40.2 101.18,1 0,-77.73 -20.44z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M327.3,283.88a26.74,27.82 104.53,1 0,49.92 24.35a26.74,27.82 104.53,1 0,-49.92 -24.35z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M288.47,275.73a28.39,30.24 100.81,1 0,58.47 15.37a28.39,30.24 100.81,1 0,-58.47 -15.37z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M309,231.75a41.7,39.82 110.75,1 0,77.07 20.26a41.7,39.82 110.75,1 0,-77.07 -20.26z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M346.38,295.07C342.86,315.12 324.78,335.06 294.52,329.92C272.77,326.22 258,306.98 261.52,286.93C265.03,266.88 285.52,253.62 307.27,257.32C329.02,261.02 349.9,275.02 346.38,295.07Z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M278.06,309.07C274.54,329.12 246.9,338.85 225.15,335.16C203.4,331.46 187.41,305.82 190.93,285.77C194.45,265.72 223.3,262.39 245.05,266.08C266.8,269.78 281.58,289.02 278.06,309.07Z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M283.29,274.59C279.77,294.64 259.29,307.9 237.54,304.2C215.79,300.51 201.01,281.26 204.53,261.21C208.04,241.16 228.53,227.91 250.28,231.6C272.03,235.3 286.81,254.55 283.29,274.59Z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M185,203.44a37.51,39.86 100.64,1 0,77.07 20.26a37.51,39.86 100.64,1 0,-77.07 -20.26z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M194.2,221.94a37.51,39.86 100.64,1 0,77.07 20.26a37.51,39.86 100.64,1 0,-77.07 -20.26z"
+      android:fillColor="#242222"
+      android:fillAlpha="0.43"/>
+  <path
+      android:pathData="M112.3,115.93L203.86,207.07"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M339.76,102.38L278.4,216.06"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M439.94,283.41L311.47,269.77"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M279.24,371.76L263.02,243.59"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M93.26,321.8L210.46,267.46"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M102.45,105.38m-30.39,-2.6a30.5,30.5 116.57,1 1,60.78 5.2a30.5,30.5 116.57,1 1,-60.78 -5.2"
+      android:fillColor="#92B1AB"/>
+  <path
+      android:pathData="M102.45,105.38m-25.41,-2.18a25.5,25.5 121.44,1 1,50.81 4.35a25.5,25.5 121.44,1 1,-50.81 -4.35"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M351.5,94.5m-30.5,0a30.5,30.5 0,1 1,61 0a30.5,30.5 0,1 1,-61 0"
+      android:fillColor="#B0D2F6"/>
+  <path
+      android:pathData="M351.5,94.5m-25.5,0a25.5,25.5 0,1 1,51 0a25.5,25.5 0,1 1,-51 0"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M464.94,286.96m-30.28,-3.69a30.5,30.5 123.05,1 1,60.55 7.37a30.5,30.5 123.05,1 1,-60.55 -7.37"
+      android:fillColor="#FF8080"
+      android:fillAlpha="0.6"/>
+  <path
+      android:pathData="M464.94,286.96m-25.31,-3.08a25.5,25.5 50.48,1 1,50.63 6.17a25.5,25.5 50.48,1 1,-50.63 -6.17"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M286.91,397.33m-30.41,-2.3a30.5,30.5 101.31,1 1,60.83 4.59a30.5,30.5 101.31,1 1,-60.83 -4.59"
+      android:fillColor="#F2FDBB"/>
+  <path
+      android:pathData="M286.91,397.33m-25.43,-1.92a25.5,25.5 70.43,1 1,50.86 3.84a25.5,25.5 70.43,1 1,-50.86 -3.84"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M75.66,327.64m-29.69,-6.97a30.5,30.5 67.49,1 1,59.39 13.94a30.5,30.5 67.49,1 1,-59.39 -13.94"
+      android:fillColor="#C7FACF"/>
+  <path
+      android:pathData="M75.66,327.64m-24.83,-5.83a25.5,25.5 49.84,1 1,49.65 11.65a25.5,25.5 49.84,1 1,-49.65 -11.65"
+      android:strokeAlpha="0.9"
+      android:strokeWidth="10"
+      android:fillColor="#00000000"
+      android:strokeColor="#ffffff"/>
+  <path
+      android:pathData="M143.83,239.21a37.51,39.86 100.64,1 0,77.07 20.26a37.51,39.86 100.64,1 0,-77.07 -20.26z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M248,186.2a37.51,40.2 101.18,1 0,77.73 20.44a37.51,40.2 101.18,1 0,-77.73 -20.44z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M239.4,241.26a37.51,40.2 101.18,1 0,77.73 20.44a37.51,40.2 101.18,1 0,-77.73 -20.44z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M323.26,274.88a26.74,27.82 104.53,1 0,49.92 24.35a26.74,27.82 104.53,1 0,-49.92 -24.35z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M284.43,266.73a28.39,30.24 100.81,1 0,58.47 15.37a28.39,30.24 100.81,1 0,-58.47 -15.37z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M304.97,222.75a41.7,39.82 110.75,1 0,77.07 20.26a41.7,39.82 110.75,1 0,-77.07 -20.26z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M342.34,286.07C338.83,306.12 320.74,326.06 290.49,320.92C268.74,317.22 253.96,297.98 257.48,277.93C260.99,257.88 281.48,244.62 303.23,248.32C324.98,252.01 345.86,266.02 342.34,286.07Z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M274.02,300.07C270.5,320.12 242.86,329.85 221.11,326.16C199.36,322.46 183.37,296.82 186.89,276.77C190.41,256.72 219.26,253.38 241.01,257.08C262.76,260.78 277.54,280.02 274.02,300.07Z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M279.25,265.59C275.73,285.64 255.25,298.9 233.5,295.2C211.75,291.51 196.97,272.26 200.49,252.21C204.01,232.16 224.49,218.91 246.24,222.6C267.99,226.3 282.77,245.55 279.25,265.59Z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M180.96,194.44a37.51,39.86 100.64,1 0,77.07 20.26a37.51,39.86 100.64,1 0,-77.07 -20.26z"
+      android:fillColor="#FFF3F3"/>
+  <path
+      android:pathData="M190.16,212.94a37.51,39.86 100.64,1 0,77.07 20.26a37.51,39.86 100.64,1 0,-77.07 -20.26z"
+      android:fillColor="#FFF3F3"/>
+</vector>
diff --git a/AOS/app/src/main/res/layout/activity_add_space.xml b/AOS/app/src/main/res/layout/activity_add_space.xml
deleted file mode 100644
index d22dfe3a..00000000
--- a/AOS/app/src/main/res/layout/activity_add_space.xml
+++ /dev/null
@@ -1,132 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<layout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools">
-
-    <data>
-
-        <variable
-            name="vm"
-            type="boostcamp.and07.mindsync.ui.space.generate.AddSpaceViewModel" />
-    </data>
-
-    <androidx.constraintlayout.widget.ConstraintLayout
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:background="@color/main3"
-        android:padding="10dp"
-        tools:context=".ui.space.generate.AddSpaceActivity">
-
-        <ImageButton
-            android:id="@+id/imgbtn_add_space_back"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:background="@android:color/transparent"
-            android:src="@drawable/ic_back"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toTopOf="parent" />
-
-        <TextView
-            android:id="@+id/tv_add_space_menu_message"
-            style="@style/Typography.Title03"
-            android:layout_width="wrap_content"
-            android:layout_height="wrap_content"
-            android:layout_marginStart="14dp"
-            android:text="@string/generate_space_menu_message"
-            app:layout_constraintStart_toEndOf="@id/imgbtn_add_space_back"
-            app:layout_constraintTop_toTopOf="parent" />
-
-        <androidx.core.widget.NestedScrollView
-            android:layout_width="match_parent"
-            android:layout_height="0dp"
-            app:layout_constraintBottom_toBottomOf="parent"
-            app:layout_constraintEnd_toEndOf="parent"
-            app:layout_constraintStart_toStartOf="parent"
-            app:layout_constraintTop_toBottomOf="@id/tv_add_space_menu_message">
-
-            <androidx.constraintlayout.widget.ConstraintLayout
-                android:layout_width="match_parent"
-                android:layout_height="match_parent">
-
-                <androidx.constraintlayout.widget.Guideline
-                    android:id="@+id/gl_add_space_title"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:orientation="horizontal"
-                    app:layout_constraintGuide_percent="0.10" />
-
-                <androidx.constraintlayout.widget.Guideline
-                    android:id="@+id/gl_add_space_thumbnail_top"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:orientation="horizontal"
-                    app:layout_constraintGuide_percent="0.28" />
-
-                <TextView
-                    android:id="@+id/tv_add_space_title"
-                    style="@style/Typography.Title02"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:padding="10dp"
-                    android:text="@string/generate_space_title"
-                    android:textAlignment="center"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toBottomOf="@id/gl_add_space_title" />
-
-                <ImageView
-                    android:id="@+id/iv_add_space_thumbnail"
-                    android:layout_width="125dp"
-                    android:layout_height="125dp"
-                    android:src="@mipmap/ic_app_logo_round"
-                    app:imageUri="@{vm.uiState.spaceThumbnail}"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toBottomOf="@id/gl_add_space_thumbnail_top" />
-
-                <ImageView
-                    android:id="@+id/imgbtn_update_space_thumbnail"
-                    android:layout_width="35dp"
-                    android:layout_height="35dp"
-                    android:background="@drawable/ic_add"
-                    android:backgroundTint="@color/blue"
-                    app:layout_constraintEnd_toEndOf="@id/iv_add_space_thumbnail"
-                    app:layout_constraintTop_toTopOf="@id/iv_add_space_thumbnail" />
-
-                <com.google.android.material.textfield.TextInputLayout
-                    android:id="@+id/tfl_add_space_edit_space"
-                    android:layout_width="300dp"
-                    android:layout_height="wrap_content"
-                    android:layout_marginTop="20dp"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:counterEnabled="true"
-                    app:layout_constraintTop_toBottomOf="@id/iv_add_space_thumbnail">
-
-                    <com.google.android.material.textfield.TextInputEditText
-                        android:id="@+id/tfl_add_space_edit_space_input_title"
-                        android:layout_width="match_parent"
-                        android:layout_height="wrap_content"
-                        android:background="@color/white"
-                        android:hint="@string/space_name_hint"
-                        android:onTextChanged="@{vm.onSpaceNameChanged}"
-                        android:text="@{vm.uiState.spaceName}" />
-                </com.google.android.material.textfield.TextInputLayout>
-
-                <com.google.android.material.button.MaterialButton
-                    style="@style/Typography.Bottom02"
-                    android:layout_width="264dp"
-                    android:layout_height="50dp"
-                    android:layout_marginTop="30dp"
-                    android:backgroundTint="@{vm.uiState.spaceName.length() > 0 &amp;&amp; vm.uiState.spaceName.length &lt;=20 ? @color/main4 : @color/gray3}"
-                    app:editButtonEnabled="@{vm.uiState.spaceName}"
-                    android:onClick="@{()->vm.addSpace(@string/space_image_name)}"
-                    android:text="@string/check_message"
-                    android:textColor="@color/white"
-                    app:layout_constraintEnd_toEndOf="parent"
-                    app:layout_constraintStart_toStartOf="parent"
-                    app:layout_constraintTop_toBottomOf="@id/tfl_add_space_edit_space" />
-            </androidx.constraintlayout.widget.ConstraintLayout>
-        </androidx.core.widget.NestedScrollView>
-    </androidx.constraintlayout.widget.ConstraintLayout>
-</layout>
\ No newline at end of file