diff --git a/app/styles/_variables.scss b/app/styles/_variables.scss
index 5045e02..c200b6e 100644
--- a/app/styles/_variables.scss
+++ b/app/styles/_variables.scss
@@ -7,4 +7,4 @@ $color-button: rgba(255, 255, 255, 0.08);
 $color-button-hover: rgba(255, 255, 255, 0.16);
 $color-attention: #fc8181;
 
-$standard-border-radius: 0.3rem;
+$border-radius-standard: 0.3rem;
diff --git a/app/ui/Button.vue b/app/ui/Button.vue
index 4ce1f05..783309f 100644
--- a/app/ui/Button.vue
+++ b/app/ui/Button.vue
@@ -45,7 +45,7 @@ const props = withDefaults(defineProps<ButtonProps>(), {
 .button {
 	padding: 0.6rem 1rem;
 	transition: background-color 0.2s ease-in-out;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 
 	font-weight: 600;
 }
diff --git a/app/ui/Card.vue b/app/ui/Card.vue
index 98bfa1b..4f537a5 100644
--- a/app/ui/Card.vue
+++ b/app/ui/Card.vue
@@ -17,7 +17,7 @@ const props = defineProps<CardProps>()
 
 .card {
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	padding: 1rem;
 }
 </style>
diff --git a/app/ui/Checkbox.vue b/app/ui/Checkbox.vue
index e4168b1..e3dd908 100644
--- a/app/ui/Checkbox.vue
+++ b/app/ui/Checkbox.vue
@@ -77,7 +77,7 @@ const props = defineProps<CheckboxProps>()
 	height: 1rem;
 	width: 1rem;
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	background-color: transparent;
 	transition: background-color 0.2s, border-color 0.2s;
 }
diff --git a/app/ui/Input.vue b/app/ui/Input.vue
index 3032434..48b43a7 100644
--- a/app/ui/Input.vue
+++ b/app/ui/Input.vue
@@ -70,7 +70,7 @@ const props = defineProps<InputProps>()
 }
 
 .input {
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 	border: 1px solid $color-border;
 
 	padding: 0.5rem 1rem;
diff --git a/app/ui/ToastContainer.vue b/app/ui/ToastContainer.vue
index aad626d..ac7085d 100644
--- a/app/ui/ToastContainer.vue
+++ b/app/ui/ToastContainer.vue
@@ -37,7 +37,7 @@ const { toasts, remove } = useToast()
 .toast {
 	background-color: $color-background;
 	border: 1px solid $color-border;
-	border-radius: $standard-border-radius;
+	border-radius: $border-radius-standard;
 
 	padding: 10px 16px;
 	min-width: 200px;
diff --git a/app/utils/types.ts b/app/utils/types.ts
new file mode 100644
index 0000000..e4d02ab
--- /dev/null
+++ b/app/utils/types.ts
@@ -0,0 +1,19 @@
+interface Base {
+	_id: string
+}
+
+export interface Album extends Base {
+	name: string
+	file: string
+	artists: Artist[]
+	genre: Genre
+}
+
+export interface Artist extends Base {
+	name: string
+	file: string
+}
+
+export interface Genre extends Base {
+	name: string
+}