diff --git a/273Do-theme/components/Footer.vue b/273Do-theme/components/Footer.vue
index ccc163b..a3510c3 100644
--- a/273Do-theme/components/Footer.vue
+++ b/273Do-theme/components/Footer.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { useNav } from "@slidev/client";
 
+const slideTitle: string = ($slidev.configs.slideTitle ?? "").replaceAll("/", "");
+
 const { currentSlideNo, total } = useNav();
 </script>
 
 <template>
-  <footer class="flex items-center justify-between text-xs" text="[color:var(--muted-foreground)]">
-    <span>スライド名</span>
+  <footer class="flex items-center justify-between text-xs">
+    <span>{{ slideTitle }}</span>
     <span>{{ currentSlideNo }}/{{ total }}</span>
   </footer>
 </template>
diff --git a/273Do-theme/components/Header.vue b/273Do-theme/components/Header.vue
index e8b3a1b..b7b2467 100644
--- a/273Do-theme/components/Header.vue
+++ b/273Do-theme/components/Header.vue
@@ -1,5 +1,13 @@
+<script setup lang="ts">
+type Props = {
+  date: number;
+};
+
+const { date } = defineProps<Props>();
+</script>
+
 <template>
   <footer class="flex items-center justify-between text-xs">
-    <span>YYYY-MM-DD</span>
+    <span>{{ date }}</span>
   </footer>
 </template>
diff --git a/273Do-theme/layouts/cover.vue b/273Do-theme/layouts/cover.vue
index 3822155..89ac693 100644
--- a/273Do-theme/layouts/cover.vue
+++ b/273Do-theme/layouts/cover.vue
@@ -1,17 +1,21 @@
 <script setup lang="ts">
-import Header from "../components/Header.vue";
+type Props = {
+  date: number;
+  slideTitle: string;
+  logo: string;
+};
 
-const titleSplit: string[] = ["ここに", "スライドタイトルを", "記述する"];
-const eventTitle = "Event Title Here";
-const eventSubTitle = "Sub Title Here";
+const { slideTitle, logo } = defineProps<Props>();
+
+const slideTitleSplit: string[] = slideTitle.split("/");
 </script>
 
 <template>
   <div class="slidev-layout flex flex-col h-full p-12">
-    <Header />
+    <Header :date="date" />
     <div class="flex-1 flex flex-col justify-center">
       <span
-        v-for="(word, index) in titleSplit"
+        v-for="(word, index) in slideTitleSplit"
         :key="index"
         class="inline-block w-fit text-6xl leading-tight"
         bg="[var(--primary)]"
@@ -19,12 +23,12 @@ const eventSubTitle = "Sub Title Here";
         >{{ word }}</span
       >
       <div class="flex w-full items-center justify-between">
-        <div class="flex flex-col mt-4">
-          <span>{{ eventTitle }}</span>
-          <span>{{ eventSubTitle }}</span>
+        <div class="flex flex-col mt-10">
+          <slot name="eventTitle" />
         </div>
-        <img src="/imgs/273do-logo.svg" class="w-20 mt-4" />
+        <img :src="logo" class="w-20 mt-12" />
       </div>
     </div>
+    <slot />
   </div>
 </template>
diff --git a/273Do-theme/layouts/intro.vue b/273Do-theme/layouts/intro.vue
deleted file mode 100644
index acc20fd..0000000
--- a/273Do-theme/layouts/intro.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import { handleBackground } from "../layoutHelper";
-import { computed } from "vue";
-
-const props = defineProps({
-  background: {
-    type: String,
-    default: undefined,
-  },
-});
-
-const style = computed(() => handleBackground(props.background));
-</script>
-
-<template>
-  <div class="slidev-layout intro" :style="style">
-    <div class="my-auto">
-      <slot />
-    </div>
-    <Footer />
-  </div>
-</template>
diff --git a/273Do-theme/layouts/self-intro.vue b/273Do-theme/layouts/self-intro.vue
new file mode 100644
index 0000000..dcdc729
--- /dev/null
+++ b/273Do-theme/layouts/self-intro.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+type Props = {
+  image: string;
+};
+
+defineProps<Props>();
+</script>
+
+<template>
+  <div class="slidev-layout flex flex-col h-full p-12">
+    <slot name="title" />
+    <div class="flex-1 flex gap-8 items-start mt-14">
+      <img :src="image" class="w-65 aspect-square shrink-0" />
+      <div class="flex flex-col">
+        <slot />
+      </div>
+    </div>
+    <Footer />
+  </div>
+</template>
diff --git a/273Do-theme/styles/layout.css b/273Do-theme/styles/layout.css
index 73884f5..1074a5b 100644
--- a/273Do-theme/styles/layout.css
+++ b/273Do-theme/styles/layout.css
@@ -15,7 +15,6 @@
 
   h1,
   h2,
-  h3,
   .cover-title,
   .slidev-code-block-title {
     width: fit-content;
@@ -23,6 +22,12 @@
     color: var(--primary-foreground);
   }
 
+  :not(pre) > code {
+    background-color: var(--secondary);
+    padding: 0.15em 0.4em;
+    border-radius: 0.25em;
+  }
+
   .shiki {
     background-color: var(--foreground) !important;
   }
diff --git a/pages/01-cover.md b/pages/01-cover.md
index 1365d40..356fcaa 100644
--- a/pages/01-cover.md
+++ b/pages/01-cover.md
@@ -1 +1,11 @@
-<!--カバースライドに追加する必要があれば設定する-->
+---
+date: 260101
+slideTitle: ここに/スライドタイトルを/記述する
+logo: /imgs/273do-logo.svg
+---
+
+::eventTitle::
+
+#### Event Title Here
+
+#### Event Sub Title Here
diff --git a/pages/02-self-intro.md b/pages/02-self-intro.md
new file mode 100644
index 0000000..c663cfe
--- /dev/null
+++ b/pages/02-self-intro.md
@@ -0,0 +1,19 @@
+---
+layout: self-intro
+image: /imgs/me.png
+---
+
+::title::
+
+# こんにちは
+
+::default::
+
+### 273* (ツナサンド)
+
+Develop, Graphic Design, Sensor Analysis, Experimental Creative, Piano
+
+大阪を拠点に活動している Web エンジニアです。  
+趣味でものづくりや表現活動を楽しんでおり、ツール開発、グラフィックデザイン、映像、音楽、インターネット美学などの実験的な表現に興味があります。
+
+`curl https://273do.works`
diff --git a/pages/02-slide.md b/pages/02-slide.md
deleted file mode 100644
index 9f6957d..0000000
--- a/pages/02-slide.md
+++ /dev/null
@@ -1 +0,0 @@
-# スライド 2
diff --git a/pages/03-slide.md b/pages/03-slide.md
new file mode 100644
index 0000000..f2ba68d
--- /dev/null
+++ b/pages/03-slide.md
@@ -0,0 +1,3 @@
+<!--カバースライドに追加する必要があれば設定する-->
+
+## Slide Title
diff --git a/public/imgs/me.png b/public/imgs/me.png
new file mode 100644
index 0000000..27ec0ef
Binary files /dev/null and b/public/imgs/me.png differ
diff --git a/slides.md b/slides.md
index 9dd235b..4a2a976 100644
--- a/slides.md
+++ b/slides.md
@@ -1,13 +1,16 @@
 ---
 theme: ./273Do-theme
-title: Slide Title
 drawings:
   persist: false
 transition: view-transition
+slideTitle: ここに/スライドタイトルを/記述する
 src: ./pages/01-cover.md
 ---
 
+---
+src: ./pages/02-self-intro.md
 ---
 
-src: ./pages/02-slide.md
+---
+src: ./pages/03-slide.md
 ---
diff --git a/vite.config.ts b/vite.config.ts
index 30b875c..3c1f753 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -5,4 +5,5 @@ export default defineConfig({
     "*": "vp check --fix",
   },
   lint: { options: { typeAware: true, typeCheck: true } },
+  fmt: { ignorePatterns: ["slides.md"] },
 });