diff --git a/.idea/deploymentTargetSelector.xml b/.idea/deploymentTargetSelector.xml
new file mode 100644
index 0000000..b268ef3
--- /dev/null
+++ b/.idea/deploymentTargetSelector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetSelector">
+    <selectionStates>
+      <SelectionState runConfigName="app">
+        <option name="selectionMode" value="DROPDOWN" />
+      </SelectionState>
+    </selectionStates>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/kotlinc.xml b/.idea/kotlinc.xml
new file mode 100644
index 0000000..8ad8c86
--- /dev/null
+++ b/.idea/kotlinc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="KotlinJpsPluginSettings">
+    <option name="version" value="2.2.21" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/markdown.xml b/.idea/markdown.xml
new file mode 100644
index 0000000..c61ea33
--- /dev/null
+++ b/.idea/markdown.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MarkdownSettings">
+    <option name="previewPanelProviderInfo">
+      <ProviderInfo name="Compose (experimental)" className="com.intellij.markdown.compose.preview.ComposePanelProvider" />
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
index 7146cb1..d852bbf 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -1,4 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ExternalStorageConfigurationManager" enabled="true" />
   <component name="ProjectRootManager" version="2" languageLevel="JDK_11" project-jdk-name="jbr-21" project-jdk-type="JavaSDK">
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
index 6229421..f4bf739 100644
--- a/app/src/main/res/values-night/themes.xml
+++ b/app/src/main/res/values-night/themes.xml
@@ -4,4 +4,12 @@
         <!-- Customize your dark theme here. -->
         <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
     </style>
+
+    <style name="Theme.UMCProduct" parent="Base.Theme.UMCProduct">
+        <item name="colorBackgroundSemantic">@color/neutral100</item>
+        <item name="colorBorderSemantic">@color/neutral200</item>
+        <item name="colorTextPrimarySemantic">@color/neutral800</item>
+        <item name="colorTextSecondarySemantic">@color/neutral600</item>
+        <item name="colorTextDisablePlaceholderSemantic">@color/neutral400</item>
+    </style>
 </resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
index 4189c31..f6a2d6a 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -5,5 +5,13 @@
         <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
     </style>
 
-    <style name="Theme.UMCProduct" parent="Base.Theme.UMCProduct" />
+    <style name="Theme.UMCProduct" parent="Base.Theme.UMCProduct">
+            <item name="colorBackgroundSemantic">@color/neutral100</item>
+            <item name="colorBorderSemantic">@color/neutral200</item>
+            <item name="colorTextPrimarySemantic">@color/neutral800</item>
+            <item name="colorTextSecondarySemantic">@color/neutral600</item>
+            <item name="colorTextDisablePlaceholderSemantic">@color/neutral400</item>
+    </style>
+
+
 </resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/font/pretendard_bold.ttf b/presentation/src/main/res/font/pretendard_bold.ttf
new file mode 100644
index 0000000..fb07fc6
Binary files /dev/null and b/presentation/src/main/res/font/pretendard_bold.ttf differ
diff --git a/presentation/src/main/res/font/pretendard_regular.ttf b/presentation/src/main/res/font/pretendard_regular.ttf
new file mode 100644
index 0000000..01147e9
Binary files /dev/null and b/presentation/src/main/res/font/pretendard_regular.ttf differ
diff --git a/presentation/src/main/res/layout/activity_main.xml b/presentation/src/main/res/layout/activity_main.xml
index 70250bf..32c4862 100644
--- a/presentation/src/main/res/layout/activity_main.xml
+++ b/presentation/src/main/res/layout/activity_main.xml
@@ -14,12 +14,30 @@
 
     <androidx.constraintlayout.widget.ConstraintLayout
         android:layout_width="match_parent"
-        android:layout_height="match_parent">
+        android:layout_height="match_parent"
+        android:background="?attr/colorBackgroundSemantic"
+        >
+
+
+        <Button
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:text="test Button"
+            android:textAppearance="@style/Caption1"
+            android:backgroundTint="@color/primary100"
+            android:textColor="@color/neutral800"
+            android:layout_marginTop="20dp"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintTop_toTopOf="parent"
+            />
 
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="Hello World!"
+            android:textAppearance="@style/Title1Bold"
+            android:textColor="@color/neutral800"
             app:layout_constraintBottom_toBottomOf="parent"
             app:layout_constraintEnd_toEndOf="parent"
             app:layout_constraintStart_toStartOf="parent"
diff --git a/presentation/src/main/res/values-night/colors.xml b/presentation/src/main/res/values-night/colors.xml
new file mode 100644
index 0000000..03eadb5
--- /dev/null
+++ b/presentation/src/main/res/values-night/colors.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+
+
+    <color name="primary100">#1B2964</color>
+    <color name="primary200">#243684</color>
+    <color name="primary300">#3149B5</color>
+    <color name="primary400">#3656D8</color>
+    <color name="primary500">#4264F0</color>
+    <color name="primary600">#617FFF</color>
+    <color name="primary700">#94A6FF</color>
+    <color name="primary800">#C2CEFF</color>
+    <color name="primary900">#DBE2FF</color>
+
+
+    <color name="accent100">#6B2A00</color>
+    <color name="accent200">#993C00</color>
+    <color name="accent300">#C74E00</color>
+    <color name="accent400">#E05700</color>
+    <color name="accent500">#F56000</color>
+    <color name="accent600">#FF7924</color>
+    <color name="accent700">#FFA266</color>
+    <color name="accent800">#FFCAA8</color>
+    <color name="accent900">#FFEDE0</color>
+
+
+    <color name="neutral000">#121212</color>
+    <color name="neutral100">#28292F</color>
+    <color name="neutral200">#3A3F46</color>
+    <color name="neutral300">#626C75</color>
+    <color name="neutral400">#7C8792</color>
+    <color name="neutral500">#A6ADB5</color>
+    <color name="neutral600">#C2C7CC</color>
+    <color name="neutral700">#DCDDE0</color>
+    <color name="neutral800">#EBEDEF</color>
+    <color name="neutral900">#F7F7F7</color>
+
+
+    <color name="success100">#044836</color>
+    <color name="success300">#076E51</color>
+    <color name="success500">#0B9D71</color>
+    <color name="success700">#87DEC4</color>
+    <color name="success900">#D4F7EB</color>
+
+
+    <color name="warning100">#9E6500</color>
+    <color name="warning300">#C77E00</color>
+    <color name="warning500">#FFA500</color>
+    <color name="warning700">#FFCD75</color>
+    <color name="warning900">#FFF4BD</color>
+
+
+    <color name="danger100">#751A1A</color>
+    <color name="danger300">#A82424</color>
+    <color name="danger500">#E03131</color>
+    <color name="danger700">#F29B9B</color>
+    <color name="danger900">#FDECEC</color>
+
+
+
+</resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values-night/themes.xml b/presentation/src/main/res/values-night/themes.xml
index 6229421..12a5aa3 100644
--- a/presentation/src/main/res/values-night/themes.xml
+++ b/presentation/src/main/res/values-night/themes.xml
@@ -2,6 +2,14 @@
     <!-- Base application theme. -->
     <style name="Base.Theme.UMCProduct" parent="Theme.Material3.DayNight.NoActionBar">
         <!-- Customize your dark theme here. -->
-        <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
+
+    </style>
+
+    <style name="Theme.UMCProduct" parent="Base.Theme.UMCProduct">
+        <item name="colorBackgroundSemantic">@color/neutral100</item>
+        <item name="colorBorderSemantic">@color/neutral200</item>
+        <item name="colorTextPrimarySemantic">@color/neutral800</item>
+        <item name="colorTextSecondarySemantic">@color/neutral600</item>
+        <item name="colorTextDisablePlaceholderSemantic">@color/neutral400</item>
     </style>
 </resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/attrs.xml b/presentation/src/main/res/values/attrs.xml
new file mode 100644
index 0000000..7daf930
--- /dev/null
+++ b/presentation/src/main/res/values/attrs.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <attr name="colorBackgroundSemantic" format="color"/>
+    <attr name="colorBorderSemantic" format="color"/>
+    <attr name="colorTextPrimarySemantic" format="color"/>
+    <attr name="colorTextSecondarySemantic" format="color"/>
+    <attr name="colorTextDisablePlaceholderSemantic" format="color"/>
+</resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/colors.xml b/presentation/src/main/res/values/colors.xml
index c8524cd..225e6d4 100644
--- a/presentation/src/main/res/values/colors.xml
+++ b/presentation/src/main/res/values/colors.xml
@@ -2,4 +2,61 @@
 <resources>
     <color name="black">#FF000000</color>
     <color name="white">#FFFFFFFF</color>
+
+
+    <color name="primary100">#EBEFFF</color>
+    <color name="primary200">#CCD6FF</color>
+    <color name="primary300">#99ABFF</color>
+    <color name="primary400">#6683FF</color>
+    <color name="primary500">#4869F0</color>
+    <color name="primary600">#3A5AD9</color>
+    <color name="primary700">#324BB9</color>
+    <color name="primary800">#26398C</color>
+    <color name="primary900">#1D2C6C</color>
+
+
+    <color name="accent100">#FFF0E5</color>
+    <color name="accent200">#FFD1B2</color>
+    <color name="accent300">#FFA870</color>
+    <color name="accent400">#FF7F2D</color>
+    <color name="accent500">#FF6400</color>
+    <color name="accent600">#E85A00</color>
+    <color name="accent700">#CC5000</color>
+    <color name="accent800">#A34000</color>
+    <color name="accent900">#7A3000</color>
+
+
+    <color name="neutral000">#FFFFFF</color>
+    <color name="neutral100">#F4F5F7</color>
+    <color name="neutral200">#E7E8EA</color>
+    <color name="neutral300">#CDD1D5</color>
+    <color name="neutral400">#B2B8BF</color>
+    <color name="neutral500">#8A949E</color>
+    <color name="neutral600">#6D7882</color>
+    <color name="neutral700">#464C54</color>
+    <color name="neutral800">#34363E</color>
+    <color name="neutral900">#1F2124</color>
+
+
+    <color name="success100">#DDF8EF</color>
+    <color name="success300">#8FE0C8</color>
+    <color name="success500">#0CA678</color>
+    <color name="success700">#087C5B</color>
+    <color name="success900">#055741</color>
+
+
+    <color name="warning100">#FFF7D1</color>
+    <color name="warning300">#FFD180</color>
+    <color name="warning500">#FFA500</color>
+    <color name="warning700">#C97F00</color>
+    <color name="warning900">#A36800</color>
+
+
+    <color name="danger100">#FDECEC</color>
+    <color name="danger300">#F29B9B</color>
+    <color name="danger500">#E03131</color>
+    <color name="danger700">#A82424</color>
+    <color name="danger900">#751A1A</color>
+
+
 </resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/themes.xml b/presentation/src/main/res/values/themes.xml
index 4189c31..17506e2 100644
--- a/presentation/src/main/res/values/themes.xml
+++ b/presentation/src/main/res/values/themes.xml
@@ -2,8 +2,14 @@
     <!-- Base application theme. -->
     <style name="Base.Theme.UMCProduct" parent="Theme.Material3.DayNight.NoActionBar">
         <!-- Customize your light theme here. -->
-        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
+
     </style>
 
-    <style name="Theme.UMCProduct" parent="Base.Theme.UMCProduct" />
+    <style name="Theme.UMCProduct" parent="Base.Theme.UMCProduct">
+        <item name="colorBackgroundSemantic">@color/neutral100</item>
+        <item name="colorBorderSemantic">@color/neutral200</item>
+        <item name="colorTextPrimarySemantic">@color/neutral800</item>
+        <item name="colorTextSecondarySemantic">@color/neutral600</item>
+        <item name="colorTextDisablePlaceholderSemantic">@color/neutral400</item>
+    </style>
 </resources>
\ No newline at end of file
diff --git a/presentation/src/main/res/values/typography.xml b/presentation/src/main/res/values/typography.xml
new file mode 100644
index 0000000..b55bc25
--- /dev/null
+++ b/presentation/src/main/res/values/typography.xml
@@ -0,0 +1,160 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+
+    <style name="LargeTitle">
+        <item name="android:textSize">34sp</item>
+        <item name="lineHeight">41sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">0.01</item>
+    </style>
+
+    <style name="Title1">
+        <item name="android:textSize">28sp</item>
+        <item name="lineHeight">34sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">0.01</item>
+    </style>
+
+    <style name="Title2">
+        <item name="android:textSize">22sp</item>
+        <item name="lineHeight">28sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">0.015</item>
+    </style>
+
+    <style name="Title3">
+        <item name="android:textSize">20sp</item>
+        <item name="lineHeight">25sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">0.019</item>
+    </style>
+
+    <style name="Headline">
+        <item name="android:textSize">17sp</item>
+        <item name="lineHeight">22sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+
+    <style name="Body">
+        <item name="android:textSize">17sp</item>
+        <item name="lineHeight">21sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+
+    <style name="Callout">
+        <item name="android:textSize">16sp</item>
+        <item name="lineHeight">21sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+
+    <style name="Subheadline">
+        <item name="android:textSize">15sp</item>
+        <item name="lineHeight">20sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">-0.0016</item>
+    </style>
+
+    <style name="Footnote">
+        <item name="android:textSize">13sp</item>
+        <item name="lineHeight">18sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">-0.006</item>
+    </style>
+
+    <style name="Caption1">
+        <item name="android:textSize">12sp</item>
+        <item name="lineHeight">16sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">0</item>
+    </style>
+
+    <style name="Caption2">
+        <item name="android:textSize">11sp</item>
+        <item name="lineHeight">13sp</item>
+        <item name="android:fontFamily">@font/pretendard_regular</item>
+        <item name="android:letterSpacing">0.0005</item>
+    </style>
+
+
+
+    <style name="LargeTitleBold">
+        <item name="android:textSize">34sp</item>
+        <item name="lineHeight">41sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">0.01</item>
+    </style>
+
+    <style name="Title1Bold">
+        <item name="android:textSize">28sp</item>
+        <item name="lineHeight">34sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">0.01</item>
+    </style>
+
+    <style name="Title2Bold">
+        <item name="android:textSize">22sp</item>
+        <item name="lineHeight">28sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">0.015</item>
+    </style>
+
+    <style name="Title3Bold">
+        <item name="android:textSize">20sp</item>
+        <item name="lineHeight">25sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">0.019</item>
+    </style>
+
+    <style name="HeadlineBold">
+        <item name="android:textSize">17sp</item>
+        <item name="lineHeight">22sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+
+    <style name="BodyBold">
+        <item name="android:textSize">17sp</item>
+        <item name="lineHeight">21sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+
+    <style name="CalloutBold">
+        <item name="android:textSize">16sp</item>
+        <item name="lineHeight">21sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">-0.02</item>
+    </style>
+
+    <style name="SubheadlineBold">
+        <item name="android:textSize">15sp</item>
+        <item name="lineHeight">20sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">-0.0016</item>
+    </style>
+
+    <style name="FootnoteBold">
+        <item name="android:textSize">13sp</item>
+        <item name="lineHeight">18sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">-0.006</item>
+    </style>
+
+    <style name="Caption1Bold">
+        <item name="android:textSize">12sp</item>
+        <item name="lineHeight">16sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">0</item>
+    </style>
+
+    <style name="Caption2Bold">
+        <item name="android:textSize">11sp</item>
+        <item name="lineHeight">13sp</item>
+        <item name="android:fontFamily">@font/pretendard_bold</item>
+        <item name="android:letterSpacing">0.0005</item>
+    </style>
+
+</resources>
\ No newline at end of file