diff --git a/app/src/main/res/drawable/header_bg.xml b/app/src/main/res/drawable/header_bg.xml
new file mode 100644
index 0000000..120466e
--- /dev/null
+++ b/app/src/main/res/drawable/header_bg.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item
+        android:top="-6dp"
+        android:left="-6dp"
+        android:right="-6dp"
+        android:bottom="0dp">
+
+        <shape android:shape="rectangle">
+            <solid android:color="@color/white"/>
+            <stroke
+                android:width="1dp"
+                android:color="@color/black_50"/>
+        </shape>
+    </item>
+</layer-list>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/ic_arrow_back.png b/app/src/main/res/drawable/ic_arrow_back.png
new file mode 100644
index 0000000..15b81a6
Binary files /dev/null and b/app/src/main/res/drawable/ic_arrow_back.png differ
diff --git a/app/src/main/res/drawable/ic_more_vertical.png b/app/src/main/res/drawable/ic_more_vertical.png
new file mode 100644
index 0000000..d0e59bc
Binary files /dev/null and b/app/src/main/res/drawable/ic_more_vertical.png differ
diff --git a/app/src/main/res/font/dmsans_black.ttf b/app/src/main/res/font/dmsans_black.ttf
new file mode 100644
index 0000000..56e9bac
Binary files /dev/null and b/app/src/main/res/font/dmsans_black.ttf differ
diff --git a/app/src/main/res/font/dmsans_blackitalic.ttf b/app/src/main/res/font/dmsans_blackitalic.ttf
new file mode 100644
index 0000000..184bd43
Binary files /dev/null and b/app/src/main/res/font/dmsans_blackitalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_bold.ttf b/app/src/main/res/font/dmsans_bold.ttf
new file mode 100644
index 0000000..4f5412d
Binary files /dev/null and b/app/src/main/res/font/dmsans_bold.ttf differ
diff --git a/app/src/main/res/font/dmsans_bolditalic.ttf b/app/src/main/res/font/dmsans_bolditalic.ttf
new file mode 100644
index 0000000..6b53ce5
Binary files /dev/null and b/app/src/main/res/font/dmsans_bolditalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_extrabold.ttf b/app/src/main/res/font/dmsans_extrabold.ttf
new file mode 100644
index 0000000..1d43afd
Binary files /dev/null and b/app/src/main/res/font/dmsans_extrabold.ttf differ
diff --git a/app/src/main/res/font/dmsans_extrabolditalic.ttf b/app/src/main/res/font/dmsans_extrabolditalic.ttf
new file mode 100644
index 0000000..a4e7702
Binary files /dev/null and b/app/src/main/res/font/dmsans_extrabolditalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_extralight.ttf b/app/src/main/res/font/dmsans_extralight.ttf
new file mode 100644
index 0000000..73f17d1
Binary files /dev/null and b/app/src/main/res/font/dmsans_extralight.ttf differ
diff --git a/app/src/main/res/font/dmsans_extralightitalic.ttf b/app/src/main/res/font/dmsans_extralightitalic.ttf
new file mode 100644
index 0000000..4319ada
Binary files /dev/null and b/app/src/main/res/font/dmsans_extralightitalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_italic.ttf b/app/src/main/res/font/dmsans_italic.ttf
new file mode 100644
index 0000000..90eaf60
Binary files /dev/null and b/app/src/main/res/font/dmsans_italic.ttf differ
diff --git a/app/src/main/res/font/dmsans_light.ttf b/app/src/main/res/font/dmsans_light.ttf
new file mode 100644
index 0000000..250517c
Binary files /dev/null and b/app/src/main/res/font/dmsans_light.ttf differ
diff --git a/app/src/main/res/font/dmsans_lightitalic.ttf b/app/src/main/res/font/dmsans_lightitalic.ttf
new file mode 100644
index 0000000..45cbbb3
Binary files /dev/null and b/app/src/main/res/font/dmsans_lightitalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_medium.ttf b/app/src/main/res/font/dmsans_medium.ttf
new file mode 100644
index 0000000..841d31d
Binary files /dev/null and b/app/src/main/res/font/dmsans_medium.ttf differ
diff --git a/app/src/main/res/font/dmsans_mediumitalic.ttf b/app/src/main/res/font/dmsans_mediumitalic.ttf
new file mode 100644
index 0000000..343122f
Binary files /dev/null and b/app/src/main/res/font/dmsans_mediumitalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_regular.ttf b/app/src/main/res/font/dmsans_regular.ttf
new file mode 100644
index 0000000..07266ae
Binary files /dev/null and b/app/src/main/res/font/dmsans_regular.ttf differ
diff --git a/app/src/main/res/font/dmsans_semibold.ttf b/app/src/main/res/font/dmsans_semibold.ttf
new file mode 100644
index 0000000..afa79e3
Binary files /dev/null and b/app/src/main/res/font/dmsans_semibold.ttf differ
diff --git a/app/src/main/res/font/dmsans_semibolditalic.ttf b/app/src/main/res/font/dmsans_semibolditalic.ttf
new file mode 100644
index 0000000..1a6f38e
Binary files /dev/null and b/app/src/main/res/font/dmsans_semibolditalic.ttf differ
diff --git a/app/src/main/res/font/dmsans_thin.ttf b/app/src/main/res/font/dmsans_thin.ttf
new file mode 100644
index 0000000..0c02db0
Binary files /dev/null and b/app/src/main/res/font/dmsans_thin.ttf differ
diff --git a/app/src/main/res/font/dmsans_thinitalic.ttf b/app/src/main/res/font/dmsans_thinitalic.ttf
new file mode 100644
index 0000000..e393451
Binary files /dev/null and b/app/src/main/res/font/dmsans_thinitalic.ttf differ
diff --git a/app/src/main/res/layout/activity_toko_saya.xml b/app/src/main/res/layout/activity_toko_saya.xml
index 8c46472..c7f86a8 100644
--- a/app/src/main/res/layout/activity_toko_saya.xml
+++ b/app/src/main/res/layout/activity_toko_saya.xml
@@ -7,6 +7,12 @@
     android:layout_height="match_parent"
     tools:context=".ui.TokoSayaActivity">
 
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="halo"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
 
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/header.xml b/app/src/main/res/layout/header.xml
new file mode 100644
index 0000000..f09ffc9
--- /dev/null
+++ b/app/src/main/res/layout/header.xml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:id="@+id/main"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.google.android.material.appbar.AppBarLayout
+        android:layout_width="match_parent"
+        android:layout_height="40dp"
+        android:background="@drawable/header_bg"
+        android:paddingHorizontal="@dimen/horizontal_safe_area"
+        android:paddingVertical="@dimen/vertical_safe_area">
+
+        <com.google.android.material.appbar.MaterialToolbar
+            android:id="@+id/header"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:contentInsetStart="0dp"
+            app:contentInsetStartWithNavigation="0dp">
+
+            <ImageView
+                android:id="@+id/header_left_icon"
+                android:layout_width="24dp"
+                android:layout_height="24dp"
+                android:layout_gravity="start"
+                android:layout_marginEnd="10dp"
+                android:src="@drawable/ic_arrow_back" />
+
+            <TextView
+                android:id="@+id/header_title"
+                style="@style/title_large"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:text="Judul" />
+
+            <ImageView
+                android:id="@+id/header_right_icon"
+                android:layout_width="24dp"
+                android:layout_height="24dp"
+                android:layout_gravity="end"
+                android:src="@drawable/ic_more_vertical"
+                android:visibility="gone" />
+
+            <TextView
+                android:id="@+id/header_right_text"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_gravity="end"
+                android:text="Tambah"
+                style="@style/label_large_prominent"
+                android:textColor="@color/blue_500"
+                android:visibility="gone"/>
+
+        </com.google.android.material.appbar.MaterialToolbar>
+    </com.google.android.material.appbar.AppBarLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..1c0f5a5
--- /dev/null
+++ b/app/src/main/res/values/dimens.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="horizontal_safe_area">16dp</dimen>
+    <dimen name="vertical_safe_area">6dp</dimen>
+</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 0fae3da..94e5b99 100644
--- a/app/src/main/res/values/themes.xml
+++ b/app/src/main/res/values/themes.xml
@@ -1,9 +1,143 @@
-<resources xmlns:tools="http://schemas.android.com/tools">
+<resources>
     <!-- Base application theme. -->
-    <style name="Base.Theme.Ecommerce_serang" parent="Theme.Material3.DayNight.NoActionBar">
+    <style name="Theme.Ecommerce_serang" parent="Theme.AppCompat.Light.NoActionBar">
         <!-- Customize your light theme here. -->
-        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
+        <item name="colorPrimary">@color/blue_500</item>
+        <item name="colorPrimaryDark">@color/white</item>
+        <item name="colorAccent">@color/black</item>
+        <item name="android:contentInsetStart">0dp</item>
+        <item name="android:contentInsetLeft">0dp</item>
+    </style>
+
+    <!-- Text Styles -->
+    <style name="display_large">
+        <item name="android:textSize">57sp</item>
+        <item name="android:lineSpacingExtra">64sp</item>
+        <item name="android:letterSpacing">-0.25</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="display_medium">
+        <item name="android:textSize">45sp</item>
+        <item name="android:lineSpacingExtra">52sp</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="display_small">
+        <item name="android:textSize">36sp</item>
+        <item name="android:lineSpacingExtra">44sp</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="headline_large">
+        <item name="android:textSize">32sp</item>
+        <item name="android:lineSpacingExtra">40sp</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="headline_medium">
+        <item name="android:textSize">28sp</item>
+        <item name="android:lineSpacingExtra">36sp</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="headline_small">
+        <item name="android:textSize">24sp</item>
+        <item name="android:lineSpacingExtra">32sp</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="title_large">
+        <item name="android:textSize">22sp</item>
+        <item name="android:lineSpacingExtra">28sp</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="title_medium">
+        <item name="android:textSize">16sp</item>
+        <item name="android:lineSpacingExtra">24sp</item>
+        <item name="android:letterSpacing">0.15</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_medium</item>
+    </style>
+
+    <style name="title_small">
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:letterSpacing">0.1</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_medium</item>
+    </style>
+
+    <style name="label_large_prominent">
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:letterSpacing">0.1</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_semibold</item>
+    </style>
+
+    <style name="label_large">
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:letterSpacing">0.1</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_medium</item>
+    </style>
+
+    <style name="label_medium_prominent">
+        <item name="android:textSize">12sp</item>
+        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:letterSpacing">0.5</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_semibold</item>
+    </style>
+
+    <style name="label_medium">
+        <item name="android:textSize">12sp</item>
+        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:letterSpacing">0.5</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_medium</item>
+    </style>
+
+    <style name="label_small">
+        <item name="android:textSize">11sp</item>
+        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:letterSpacing">0.5</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_medium</item>
+    </style>
+
+    <style name="body_large">
+        <item name="android:textSize">16sp</item>
+        <item name="android:lineSpacingExtra">24sp</item>
+        <item name="android:letterSpacing">0.5</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="body_medium">
+        <item name="android:textSize">14sp</item>
+        <item name="android:lineSpacingExtra">20sp</item>
+        <item name="android:letterSpacing">0.25</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
+    </style>
+
+    <style name="body_small">
+        <item name="android:textSize">12sp</item>
+        <item name="android:lineSpacingExtra">16sp</item>
+        <item name="android:letterSpacing">0.4</item>
+        <item name="android:textColor">@color/black</item>
+        <item name="android:fontFamily">@font/dmsans_regular</item>
     </style>
 
-    <style name="Theme.Ecommerce_serang" parent="Base.Theme.Ecommerce_serang" />
 </resources>
\ No newline at end of file