diff --git a/layers/components/atoms/Button/Download.vue b/layers/components/atoms/Button/Download.vue
new file mode 100644
index 0000000..b1587d5
--- /dev/null
+++ b/layers/components/atoms/Button/Download.vue
@@ -0,0 +1,177 @@
+
+
+
+
+
+
+
diff --git a/layers/components/atoms/Button/index.vue b/layers/components/atoms/Button/index.vue
index 77e9b6c..7340858 100644
--- a/layers/components/atoms/Button/index.vue
+++ b/layers/components/atoms/Button/index.vue
@@ -98,4 +98,7 @@ const componentProps = computed(() => {
.btn-base .btn-content {
@apply relative flex items-center gap-1 z-[1];
}
+.btn-base.size-extra-small .btn-content {
+ @apply gap-0.5;
+}
diff --git a/layers/components/atoms/icons/DownloadLine.vue b/layers/components/atoms/icons/DownloadLine.vue
index 17040c3..c0b6994 100644
--- a/layers/components/atoms/icons/DownloadLine.vue
+++ b/layers/components/atoms/icons/DownloadLine.vue
@@ -16,15 +16,13 @@ withDefaults(defineProps(), {
:width="size"
:height="size"
viewBox="0 0 20 20"
- fill="none"
+ :fill="color"
>
diff --git a/public/images/common/ic-v2-logo-apple-fill.svg b/layers/components/atoms/icons/LogoApple.vue
similarity index 73%
rename from public/images/common/ic-v2-logo-apple-fill.svg
rename to layers/components/atoms/icons/LogoApple.vue
index d80a7f0..5a51064 100644
--- a/public/images/common/ic-v2-logo-apple-fill.svg
+++ b/layers/components/atoms/icons/LogoApple.vue
@@ -1,4 +1,28 @@
-
+
+
+
+
+
diff --git a/layers/components/atoms/icons/LogoGoogle.vue b/layers/components/atoms/icons/LogoGoogle.vue
new file mode 100644
index 0000000..226a62a
--- /dev/null
+++ b/layers/components/atoms/icons/LogoGoogle.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
diff --git a/layers/components/atoms/icons/LogoStove.vue b/layers/components/atoms/icons/LogoStove.vue
new file mode 100644
index 0000000..661dca1
--- /dev/null
+++ b/layers/components/atoms/icons/LogoStove.vue
@@ -0,0 +1,27 @@
+
+
+
+
+
diff --git a/layers/components/atoms/icons/LogoWindow.vue b/layers/components/atoms/icons/LogoWindow.vue
new file mode 100644
index 0000000..9a8b60d
--- /dev/null
+++ b/layers/components/atoms/icons/LogoWindow.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
diff --git a/layers/types/components/button.ts b/layers/types/components/button.ts
index 622c7d9..ae3c886 100644
--- a/layers/types/components/button.ts
+++ b/layers/types/components/button.ts
@@ -4,5 +4,9 @@ export type ButtonType =
| 'download'
| 'action'
| 'link'
+
+export type DownloadButtonType = 'default' | 'single' | 'duplication'
+
export type ButtonSize = 'large' | 'medium' | 'small' | 'extra-small'
+
export type ButtonVariant = 'filled' | 'outlined'
diff --git a/public/images/common/btn_system_normal_stove_pc.svg b/public/images/common/btn_system_normal_stove_pc.svg
new file mode 100644
index 0000000..a2b29fc
--- /dev/null
+++ b/public/images/common/btn_system_normal_stove_pc.svg
@@ -0,0 +1,18 @@
+
diff --git a/public/images/common/ic-v2-logo-google-playstore-color.svg b/public/images/common/ic-v2-logo-google-playstore-color.svg
deleted file mode 100644
index 201f547..0000000
--- a/public/images/common/ic-v2-logo-google-playstore-color.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-
diff --git a/public/images/common/ic-v2-logo-window-fill.svg b/public/images/common/ic-v2-logo-window-fill.svg
deleted file mode 100644
index 1c5fccb..0000000
--- a/public/images/common/ic-v2-logo-window-fill.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-