diff --git a/frontend/src/component/Layout/Header.tsx b/frontend/src/component/Layout/Header.tsx
new file mode 100644
index 00000000..57ce2caa
--- /dev/null
+++ b/frontend/src/component/Layout/Header.tsx
@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+
+interface IHeaderProps {
+  title?: string;
+  isTransparency?: boolean;
+  buttonElement?: ReactNode;
+}
+
+export const Header: React.FC<IHeaderProps> = ({ title, isTransparency, buttonElement }) => {
+  const background = isTransparency ? '' : 'bg-white';
+
+  return (
+    <header className={`w-full h-16 p-4 flex items-center ${background} text-black gap-[16px]`}>
+      {buttonElement}
+      <h1 className="text-base">{title}</h1>
+    </header>
+  );
+};