diff --git a/app-ios/Sources/TimetableDetailFeature/InformationRow.swift b/app-ios/Sources/TimetableDetailFeature/InformationRow.swift
new file mode 100644
index 000000000..907d52b9f
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/InformationRow.swift
@@ -0,0 +1,48 @@
+import SwiftUI
+
+struct InformationRow: View {
+    private let icon: Image
+    private let title: String
+    private let content: String
+
+    init(
+        icon: Image,
+        title: String,
+        content: String
+    ) {
+        self.icon = icon
+        self.title = title
+        self.content = content
+    }
+
+    var body: some View {
+        HStack {
+            icon
+            HStack(spacing: 12) {
+                Text(title)
+                    .font(.callout)
+                    .foregroundStyle(Color(.surfaceVariant))
+                    .bold()
+                HStack {
+                    Text(content)
+                        .font(.callout)
+                        .foregroundStyle(Color(.onSurface))
+                }
+
+            }
+        }
+        .frame(maxWidth: .infinity, alignment: .leading)
+        .foregroundStyle(
+            Color.white
+        )
+    }
+}
+
+#Preview {
+    InformationRow(
+        icon: Image(systemName: "clock"),
+        title: String(localized: "TimeTableDetailDate", bundle: .module),
+        content: SampleData.dateValue
+    )
+}
+
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Localizable.xcstrings b/app-ios/Sources/TimetableDetailFeature/Resource/Localizable.xcstrings
new file mode 100644
index 000000000..99102813d
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Localizable.xcstrings
@@ -0,0 +1,175 @@
+{
+  "sourceLanguage" : "en",
+  "strings" : {
+    "DroidKaigiアプリで見るアーキテクチャの変遷" : {
+
+    },
+    "name" : {
+
+    },
+    "TimeTableDetailApplicants" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Applicants"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "対象者"
+          }
+        }
+      }
+    },
+    "TimeTableDetailArchive" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Archive"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "アーカイブ"
+          }
+        }
+      }
+    },
+    "TimeTableDetailCategory" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Category"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "カテゴリ"
+          }
+        }
+      }
+    },
+    "TimeTableDetailDate" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Date"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "日付"
+          }
+        }
+      }
+    },
+    "TimeTableDetailLanguage" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Language"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "対応言語"
+          }
+        }
+      }
+    },
+    "TimeTableDetailLocation" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Location"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "場所"
+          }
+        }
+      }
+    },
+    "TimeTableDetailReadMore" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Read more"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "続きを読む"
+          }
+        }
+      }
+    },
+    "TimeTableDetailSlide" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Slide"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "スライド"
+          }
+        }
+      }
+    },
+    "TimeTableDetailSpeaker" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Speaker"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "スピーカー"
+          }
+        }
+      }
+    },
+    "TimeTableDetailVideo" : {
+      "localizations" : {
+        "en" : {
+          "stringUnit" : {
+            "state" : "translated",
+            "value" : "Video"
+          }
+        },
+        "ja" : {
+          "stringUnit" : {
+            "state" : "needs_review",
+            "value" : "動画"
+          }
+        }
+      }
+    },
+    "手を動かして実践してひとへのヒントとなります\nCoroutinesを使いたいと感じているひと\nよりモダンで効率的なAndroidアプリ開発に興味があるひと\n新しいパラダイムをいち早く知りたいひと\nアプリ開発が複雑だと感じるひと\nアプリ開発経験を前提としてあったほうが楽しめます" : {
+
+    }
+  },
+  "version" : "1.0"
+}
\ No newline at end of file
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Avatar.imageset/Avatar.png b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Avatar.imageset/Avatar.png
new file mode 100644
index 000000000..3265a59c5
Binary files /dev/null and b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Avatar.imageset/Avatar.png differ
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Avatar.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Avatar.imageset/Contents.json
new file mode 100644
index 000000000..08ba02927
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Avatar.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "Avatar.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Background.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Background.colorset/Contents.json
new file mode 100644
index 000000000..2f20e84d1
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Background.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x24",
+          "green" : "0x20",
+          "red" : "0x04"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Button.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Button.colorset/Contents.json
new file mode 100644
index 000000000..ac6590d14
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Button.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xDA",
+          "green" : "0xD6",
+          "red" : "0xBB"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Contents.json
new file mode 100644
index 000000000..73c00596a
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Contents.json
@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/On Primary.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/On Primary.colorset/Contents.json
new file mode 100644
index 000000000..9dbdacca8
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/On Primary.colorset/Contents.json	
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x28",
+          "green" : "0x38",
+          "red" : "0x00"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/On Surface.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/On Surface.colorset/Contents.json
new file mode 100644
index 000000000..6ce422fa1
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/On Surface.colorset/Contents.json	
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xC4",
+          "green" : "0xC7",
+          "red" : "0xC5"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Outline Variant.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Outline Variant.colorset/Contents.json
new file mode 100644
index 000000000..d1f7fa7ac
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Outline Variant.colorset/Contents.json	
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x44",
+          "green" : "0x49",
+          "red" : "0x40"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Outline.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Outline.colorset/Contents.json
new file mode 100644
index 000000000..a4ab530a5
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Outline.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x8D",
+          "green" : "0x93",
+          "red" : "0x89"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Primary.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Primary.colorset/Contents.json
new file mode 100644
index 000000000..7aca1c73f
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Primary.colorset/Contents.json
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xB0",
+          "green" : "0xDC",
+          "red" : "0x61"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Secondary Container.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Secondary Container.colorset/Contents.json
new file mode 100644
index 000000000..d88179f42
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Secondary Container.colorset/Contents.json	
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x41",
+          "green" : "0x4B",
+          "red" : "0x35"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Surface Container.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Surface Container.colorset/Contents.json
new file mode 100644
index 000000000..548722215
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Surface Container.colorset/Contents.json	
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x1E",
+          "green" : "0x20",
+          "red" : "0x1D"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Surface Variant.colorset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Surface Variant.colorset/Contents.json
new file mode 100644
index 000000000..901e7965b
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/Surface Variant.colorset/Contents.json	
@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "194",
+          "green" : "201",
+          "red" : "191"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_add_calendar.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_add_calendar.imageset/Contents.json
new file mode 100644
index 000000000..cd73e8810
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_add_calendar.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_add_calendar.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_add_calendar.imageset/ic_add_calendar.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_add_calendar.imageset/ic_add_calendar.svg
new file mode 100644
index 000000000..b4d74e088
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_add_calendar.imageset/ic_add_calendar.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_444_1444" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_444_1444)">
+<path d="M18 22C17.4477 22 17 21.5523 17 21V19H15C14.4477 19 14 18.5523 14 18C14 17.4477 14.4477 17 15 17H17V15C17 14.4477 17.4477 14 18 14C18.5523 14 19 14.4477 19 15V17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H19V21C19 21.5523 18.5523 22 18 22ZM5 20C4.45 20 3.97917 19.8042 3.5875 19.4125C3.19583 19.0208 3 18.55 3 18V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V3C6 2.44772 6.44772 2 7 2C7.55228 2 8 2.44772 8 3V4H14V3C14 2.44772 14.4477 2 15 2C15.5523 2 16 2.44772 16 3V4H17C17.55 4 18.0208 4.19583 18.4125 4.5875C18.8042 4.97917 19 5.45 19 6V12.1C18.6667 12.05 18.3333 12.025 18 12.025C17.6667 12.025 17.3333 12.05 17 12.1V10H5V18H12C12 18.3333 12.025 18.6667 12.075 19C12.125 19.3333 12.2167 19.6667 12.35 20H5ZM5 8H17V6H5V8Z" fill="#BFC9C2"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_category.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_category.imageset/Contents.json
new file mode 100644
index 000000000..119b2b3d2
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_category.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_category.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_category.imageset/ic_category.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_category.imageset/ic_category.svg
new file mode 100644
index 000000000..dbc01ee53
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_category.imageset/ic_category.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_202_5491" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<rect width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_202_5491)">
+<path d="M5.18317 7.04996C4.92761 7.04996 4.73317 6.93607 4.59984 6.70829C4.4665 6.48052 4.47206 6.25552 4.6165 6.03329L7.09984 1.98329C7.23317 1.77218 7.42206 1.66663 7.6665 1.66663C7.91095 1.66663 8.09984 1.77218 8.23317 1.98329L10.7165 6.03329C10.8609 6.25552 10.8665 6.48052 10.7332 6.70829C10.5998 6.93607 10.4054 7.04996 10.1498 7.04996H5.18317ZM11.3332 14.3833C10.4998 14.3833 9.7915 14.0916 9.20817 13.5083C8.62484 12.925 8.33317 12.2166 8.33317 11.3833C8.33317 10.55 8.62484 9.84163 9.20817 9.25829C9.7915 8.67496 10.4998 8.38329 11.3332 8.38329C12.1665 8.38329 12.8748 8.67496 13.4582 9.25829C14.0415 9.84163 14.3332 10.55 14.3332 11.3833C14.3332 12.2166 14.0415 12.925 13.4582 13.5083C12.8748 14.0916 12.1665 14.3833 11.3332 14.3833ZM2.33317 14.05C2.14428 14.05 1.98595 13.9861 1.85817 13.8583C1.73039 13.7305 1.6665 13.5722 1.6665 13.3833V9.38329C1.6665 9.1944 1.73039 9.03607 1.85817 8.90829C1.98595 8.78052 2.14428 8.71663 2.33317 8.71663H6.33317C6.52206 8.71663 6.68039 8.78052 6.80817 8.90829C6.93595 9.03607 6.99984 9.1944 6.99984 9.38329V13.3833C6.99984 13.5722 6.93595 13.7305 6.80817 13.8583C6.68039 13.9861 6.52206 14.05 6.33317 14.05H2.33317ZM11.3332 13.05C11.7998 13.05 12.1943 12.8888 12.5165 12.5666C12.8387 12.2444 12.9998 11.85 12.9998 11.3833C12.9998 10.9166 12.8387 10.5222 12.5165 10.2C12.1943 9.87774 11.7998 9.71663 11.3332 9.71663C10.8665 9.71663 10.4721 9.87774 10.1498 10.2C9.82761 10.5222 9.6665 10.9166 9.6665 11.3833C9.6665 11.85 9.82761 12.2444 10.1498 12.5666C10.4721 12.8888 10.8665 13.05 11.3332 13.05ZM2.99984 12.7166H5.6665V10.05H2.99984V12.7166ZM6.3665 5.71663H8.9665L7.6665 3.61663L6.3665 5.71663Z" fill="#BFC9C2"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_document.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_document.imageset/Contents.json
new file mode 100644
index 000000000..77d87ad9c
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_document.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_document.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_document.imageset/ic_document.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_document.imageset/ic_document.svg
new file mode 100644
index 000000000..f2779e967
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_document.imageset/ic_document.svg
@@ -0,0 +1,8 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_444_33" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.5" y="0.000244141" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_444_33)">
+<path d="M7.35059 13.5002H11.8506C12.0631 13.5002 12.2412 13.4284 12.385 13.2846C12.5287 13.1409 12.6006 12.9627 12.6006 12.7502C12.6006 12.5377 12.5287 12.3596 12.385 12.2159C12.2412 12.0721 12.0631 12.0002 11.8506 12.0002H7.35059C7.13809 12.0002 6.95996 12.0721 6.81621 12.2159C6.67246 12.3596 6.60059 12.5377 6.60059 12.7502C6.60059 12.9627 6.67246 13.1409 6.81621 13.2846C6.95996 13.4284 7.13809 13.5002 7.35059 13.5002ZM7.35059 10.5002H11.8506C12.0631 10.5002 12.2412 10.4284 12.385 10.2846C12.5287 10.1409 12.6006 9.96274 12.6006 9.75024C12.6006 9.53774 12.5287 9.35962 12.385 9.21587C12.2412 9.07212 12.0631 9.00024 11.8506 9.00024H7.35059C7.13809 9.00024 6.95996 9.07212 6.81621 9.21587C6.67246 9.35962 6.60059 9.53774 6.60059 9.75024C6.60059 9.96274 6.67246 10.1409 6.81621 10.2846C6.95996 10.4284 7.13809 10.5002 7.35059 10.5002ZM5.10059 16.5002C4.68809 16.5002 4.33496 16.3534 4.04121 16.0596C3.74746 15.7659 3.60059 15.4127 3.60059 15.0002V3.00024C3.60059 2.58774 3.74746 2.23462 4.04121 1.94087C4.33496 1.64712 4.68809 1.50024 5.10059 1.50024H10.4818C10.6818 1.50024 10.8725 1.53774 11.0537 1.61274C11.235 1.68774 11.3943 1.79399 11.5318 1.93149L15.1693 5.56899C15.3068 5.70649 15.4131 5.86587 15.4881 6.04712C15.5631 6.22837 15.6006 6.41899 15.6006 6.61899V15.0002C15.6006 15.4127 15.4537 15.7659 15.16 16.0596C14.8662 16.3534 14.5131 16.5002 14.1006 16.5002H5.10059ZM10.3506 6.00024V3.00024H5.10059V15.0002H14.1006V6.75024H11.1006C10.8881 6.75024 10.71 6.67837 10.5662 6.53462C10.4225 6.39087 10.3506 6.21274 10.3506 6.00024Z" fill="#003828"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_favorite.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_favorite.imageset/Contents.json
new file mode 100644
index 000000000..6eb84ed4e
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_favorite.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_favorite.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_favorite.imageset/ic_favorite.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_favorite.imageset/ic_favorite.svg
new file mode 100644
index 000000000..8542f5563
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_favorite.imageset/ic_favorite.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 18.9999L8.55 17.6999C6.86667 16.1832 5.475 14.8749 4.375 13.7749C3.275 12.6749 2.4 11.6874 1.75 10.8124C1.1 9.9374 0.645833 9.13324 0.3875 8.3999C0.129167 7.66657 0 6.91657 0 6.1499C0 4.58324 0.525 3.2749 1.575 2.2249C2.625 1.1749 3.93333 0.649902 5.5 0.649902C6.36667 0.649902 7.19167 0.833236 7.975 1.1999C8.75833 1.56657 9.43333 2.08324 10 2.7499C10.5667 2.08324 11.2417 1.56657 12.025 1.1999C12.8083 0.833236 13.6333 0.649902 14.5 0.649902C16.0667 0.649902 17.375 1.1749 18.425 2.2249C19.475 3.2749 20 4.58324 20 6.1499C20 6.91657 19.8708 7.66657 19.6125 8.3999C19.3542 9.13324 18.9 9.9374 18.25 10.8124C17.6 11.6874 16.725 12.6749 15.625 13.7749C14.525 14.8749 13.1333 16.1832 11.45 17.6999L10 18.9999ZM10 16.2999C11.6 14.8666 12.9167 13.6374 13.95 12.6124C14.9833 11.5874 15.8 10.6957 16.4 9.9374C17 9.17907 17.4167 8.50407 17.65 7.9124C17.8833 7.32074 18 6.73324 18 6.1499C18 5.1499 17.6667 4.31657 17 3.6499C16.3333 2.98324 15.5 2.6499 14.5 2.6499C13.7167 2.6499 12.9917 2.87074 12.325 3.3124C11.6583 3.75407 11.2 4.31657 10.95 4.9999H9.05C8.8 4.31657 8.34167 3.75407 7.675 3.3124C7.00833 2.87074 6.28333 2.6499 5.5 2.6499C4.5 2.6499 3.66667 2.98324 3 3.6499C2.33333 4.31657 2 5.1499 2 6.1499C2 6.73324 2.11667 7.32074 2.35 7.9124C2.58333 8.50407 3 9.17907 3.6 9.9374C4.2 10.6957 5.01667 11.5874 6.05 12.6124C7.08333 13.6374 8.4 14.8666 10 16.2999Z" fill="#C5C7C4"/>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_language.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_language.imageset/Contents.json
new file mode 100644
index 000000000..cf770ff19
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_language.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_language.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_language.imageset/ic_language.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_language.imageset/ic_language.svg
new file mode 100644
index 000000000..ee07d5014
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_language.imageset/ic_language.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_202_5484" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<rect width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_202_5484)">
+<path d="M8.00016 14.6667C7.08905 14.6667 6.22794 14.4917 5.41683 14.1417C4.60572 13.7917 3.89739 13.3139 3.29183 12.7084C2.68627 12.1028 2.2085 11.3945 1.8585 10.5834C1.5085 9.77226 1.3335 8.91115 1.3335 8.00004C1.3335 7.07782 1.5085 6.21393 1.8585 5.40837C2.2085 4.60282 2.68627 3.89726 3.29183 3.29171C3.89739 2.68615 4.60572 2.20837 5.41683 1.85837C6.22794 1.50837 7.08905 1.33337 8.00016 1.33337C8.92239 1.33337 9.78627 1.50837 10.5918 1.85837C11.3974 2.20837 12.1029 2.68615 12.7085 3.29171C13.3141 3.89726 13.7918 4.60282 14.1418 5.40837C14.4918 6.21393 14.6668 7.07782 14.6668 8.00004C14.6668 8.91115 14.4918 9.77226 14.1418 10.5834C13.7918 11.3945 13.3141 12.1028 12.7085 12.7084C12.1029 13.3139 11.3974 13.7917 10.5918 14.1417C9.78627 14.4917 8.92239 14.6667 8.00016 14.6667ZM8.00016 13.3C8.28905 12.9 8.53905 12.4834 8.75016 12.05C8.96127 11.6167 9.1335 11.1556 9.26683 10.6667H6.7335C6.86683 11.1556 7.03905 11.6167 7.25016 12.05C7.46127 12.4834 7.71127 12.9 8.00016 13.3ZM6.26683 13.0334C6.06683 12.6667 5.89183 12.2862 5.74183 11.8917C5.59183 11.4973 5.46683 11.0889 5.36683 10.6667H3.40016C3.72239 11.2223 4.12516 11.7056 4.6085 12.1167C5.09183 12.5278 5.64461 12.8334 6.26683 13.0334ZM9.7335 13.0334C10.3557 12.8334 10.9085 12.5278 11.3918 12.1167C11.8752 11.7056 12.2779 11.2223 12.6002 10.6667H10.6335C10.5335 11.0889 10.4085 11.4973 10.2585 11.8917C10.1085 12.2862 9.9335 12.6667 9.7335 13.0334ZM2.8335 9.33337H5.10016C5.06683 9.11115 5.04183 8.89171 5.02516 8.67504C5.0085 8.45837 5.00016 8.23337 5.00016 8.00004C5.00016 7.76671 5.0085 7.54171 5.02516 7.32504C5.04183 7.10837 5.06683 6.88893 5.10016 6.66671H2.8335C2.77794 6.88893 2.73627 7.10837 2.7085 7.32504C2.68072 7.54171 2.66683 7.76671 2.66683 8.00004C2.66683 8.23337 2.68072 8.45837 2.7085 8.67504C2.73627 8.89171 2.77794 9.11115 2.8335 9.33337ZM6.4335 9.33337H9.56683C9.60016 9.11115 9.62516 8.89171 9.64183 8.67504C9.6585 8.45837 9.66683 8.23337 9.66683 8.00004C9.66683 7.76671 9.6585 7.54171 9.64183 7.32504C9.62516 7.10837 9.60016 6.88893 9.56683 6.66671H6.4335C6.40016 6.88893 6.37516 7.10837 6.3585 7.32504C6.34183 7.54171 6.3335 7.76671 6.3335 8.00004C6.3335 8.23337 6.34183 8.45837 6.3585 8.67504C6.37516 8.89171 6.40016 9.11115 6.4335 9.33337ZM10.9002 9.33337H13.1668C13.2224 9.11115 13.2641 8.89171 13.2918 8.67504C13.3196 8.45837 13.3335 8.23337 13.3335 8.00004C13.3335 7.76671 13.3196 7.54171 13.2918 7.32504C13.2641 7.10837 13.2224 6.88893 13.1668 6.66671H10.9002C10.9335 6.88893 10.9585 7.10837 10.9752 7.32504C10.9918 7.54171 11.0002 7.76671 11.0002 8.00004C11.0002 8.23337 10.9918 8.45837 10.9752 8.67504C10.9585 8.89171 10.9335 9.11115 10.9002 9.33337ZM10.6335 5.33337H12.6002C12.2779 4.77782 11.8752 4.29449 11.3918 3.88337C10.9085 3.47226 10.3557 3.16671 9.7335 2.96671C9.9335 3.33337 10.1085 3.71393 10.2585 4.10837C10.4085 4.50282 10.5335 4.91115 10.6335 5.33337ZM6.7335 5.33337H9.26683C9.1335 4.84449 8.96127 4.38337 8.75016 3.95004C8.53905 3.51671 8.28905 3.10004 8.00016 2.70004C7.71127 3.10004 7.46127 3.51671 7.25016 3.95004C7.03905 4.38337 6.86683 4.84449 6.7335 5.33337ZM3.40016 5.33337H5.36683C5.46683 4.91115 5.59183 4.50282 5.74183 4.10837C5.89183 3.71393 6.06683 3.33337 6.26683 2.96671C5.64461 3.16671 5.09183 3.47226 4.6085 3.88337C4.12516 4.29449 3.72239 4.77782 3.40016 5.33337Z" fill="#BFC9C2"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_location_on.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_location_on.imageset/Contents.json
new file mode 100644
index 000000000..0cc07bd09
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_location_on.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_location_on.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_location_on.imageset/ic_location_on.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_location_on.imageset/ic_location_on.svg
new file mode 100644
index 000000000..b654e7574
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_location_on.imageset/ic_location_on.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_202_5477" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+<rect width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_202_5477)">
+<path d="M8 13.5692C9.525 12.2169 10.6562 10.9884 11.3938 9.88357C12.1313 8.77878 12.5 7.79776 12.5 6.94049C12.5 5.62441 12.0656 4.54679 11.1969 3.70763C10.3281 2.86848 9.2625 2.4489 8 2.4489C6.7375 2.4489 5.67188 2.86848 4.80312 3.70763C3.93438 4.54679 3.5 5.62441 3.5 6.94049C3.5 7.79776 3.86875 8.77878 4.60625 9.88357C5.34375 10.9884 6.475 12.2169 8 13.5692ZM8 15C7.825 15 7.65 14.9698 7.475 14.9094C7.3 14.8491 7.14375 14.7585 7.00625 14.6378C6.19375 13.9133 5.475 13.207 4.85 12.5188C4.225 11.8305 3.70312 11.1634 3.28437 10.5175C2.86562 9.8715 2.54688 9.24968 2.32812 8.652C2.10937 8.05433 2 7.48383 2 6.94049C2 5.12937 2.60312 3.6865 3.80938 2.6119C5.01563 1.5373 6.4125 1 8 1C9.5875 1 10.9844 1.5373 12.1906 2.6119C13.3969 3.6865 14 5.12937 14 6.94049C14 7.48383 13.8906 8.05433 13.6719 8.652C13.4531 9.24968 13.1344 9.8715 12.7156 10.5175C12.2969 11.1634 11.775 11.8305 11.15 12.5188C10.525 13.207 9.80625 13.9133 8.99375 14.6378C8.85625 14.7585 8.7 14.8491 8.525 14.9094C8.35 14.9698 8.175 15 8 15ZM8 8.2445C8.4125 8.2445 8.76563 8.10263 9.05938 7.81889C9.35313 7.53514 9.5 7.19405 9.5 6.7956C9.5 6.39715 9.35313 6.05606 9.05938 5.77232C8.76563 5.48857 8.4125 5.3467 8 5.3467C7.5875 5.3467 7.23438 5.48857 6.94063 5.77232C6.64687 6.05606 6.5 6.39715 6.5 6.7956C6.5 7.19405 6.64687 7.53514 6.94063 7.81889C7.23438 8.10263 7.5875 8.2445 8 8.2445Z" fill="#BFC9C2"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_play.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_play.imageset/Contents.json
new file mode 100644
index 000000000..059067738
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_play.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_play.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_play.imageset/ic_play.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_play.imageset/ic_play.svg
new file mode 100644
index 000000000..f46ff6b66
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_play.imageset/ic_play.svg
@@ -0,0 +1,8 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_444_1352" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
+<rect x="0.5" y="0.000244141" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_444_1352)">
+<path d="M8.4875 11.8127L12.1438 9.46899C12.3188 9.35649 12.4062 9.20024 12.4062 9.00024C12.4062 8.80024 12.3188 8.64399 12.1438 8.53149L8.4875 6.18774C8.3 6.06274 8.10938 6.05337 7.91563 6.15962C7.72188 6.26587 7.625 6.43149 7.625 6.65649V11.344C7.625 11.569 7.72188 11.7346 7.91563 11.8409C8.10938 11.9471 8.3 11.9377 8.4875 11.8127ZM9.5 16.5002C8.4625 16.5002 7.4875 16.3034 6.575 15.9096C5.6625 15.5159 4.86875 14.9815 4.19375 14.3065C3.51875 13.6315 2.98438 12.8377 2.59063 11.9252C2.19687 11.0127 2 10.0377 2 9.00024C2 7.96274 2.19687 6.98774 2.59063 6.07524C2.98438 5.16274 3.51875 4.36899 4.19375 3.69399C4.86875 3.01899 5.6625 2.48462 6.575 2.09087C7.4875 1.69712 8.4625 1.50024 9.5 1.50024C10.5375 1.50024 11.5125 1.69712 12.425 2.09087C13.3375 2.48462 14.1313 3.01899 14.8063 3.69399C15.4813 4.36899 16.0156 5.16274 16.4094 6.07524C16.8031 6.98774 17 7.96274 17 9.00024C17 10.0377 16.8031 11.0127 16.4094 11.9252C16.0156 12.8377 15.4813 13.6315 14.8063 14.3065C14.1313 14.9815 13.3375 15.5159 12.425 15.9096C11.5125 16.3034 10.5375 16.5002 9.5 16.5002ZM9.5 15.0002C11.175 15.0002 12.5938 14.419 13.7563 13.2565C14.9187 12.094 15.5 10.6752 15.5 9.00024C15.5 7.32524 14.9187 5.90649 13.7563 4.74399C12.5938 3.58149 11.175 3.00024 9.5 3.00024C7.825 3.00024 6.40625 3.58149 5.24375 4.74399C4.08125 5.90649 3.5 7.32524 3.5 9.00024C3.5 10.6752 4.08125 12.094 5.24375 13.2565C6.40625 14.419 7.825 15.0002 9.5 15.0002Z" fill="#003828"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_schedule.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_schedule.imageset/Contents.json
new file mode 100644
index 000000000..802ffe376
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_schedule.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_schedule.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_schedule.imageset/ic_schedule.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_schedule.imageset/ic_schedule.svg
new file mode 100644
index 000000000..5dbe7b0e2
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_schedule.imageset/ic_schedule.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_202_5472" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_202_5472)">
+<path d="M8.66683 7.73337V5.33337C8.66683 5.14449 8.60294 4.98615 8.47516 4.85837C8.34739 4.7306 8.18905 4.66671 8.00016 4.66671C7.81127 4.66671 7.65294 4.7306 7.52516 4.85837C7.39739 4.98615 7.3335 5.14449 7.3335 5.33337V7.98337C7.3335 8.07226 7.35016 8.15837 7.3835 8.24171C7.41683 8.32504 7.46683 8.40004 7.5335 8.46671L9.7335 10.6667C9.85572 10.7889 10.0113 10.85 10.2002 10.85C10.3891 10.85 10.5446 10.7889 10.6668 10.6667C10.7891 10.5445 10.8502 10.3889 10.8502 10.2C10.8502 10.0112 10.7891 9.8556 10.6668 9.73337L8.66683 7.73337ZM8.00016 14.6667C7.07794 14.6667 6.21127 14.4917 5.40016 14.1417C4.58905 13.7917 3.8835 13.3167 3.2835 12.7167C2.6835 12.1167 2.2085 11.4112 1.8585 10.6C1.5085 9.78893 1.3335 8.92226 1.3335 8.00004C1.3335 7.07782 1.5085 6.21115 1.8585 5.40004C2.2085 4.58893 2.6835 3.88337 3.2835 3.28337C3.8835 2.68337 4.58905 2.20837 5.40016 1.85837C6.21127 1.50837 7.07794 1.33337 8.00016 1.33337C8.92239 1.33337 9.78905 1.50837 10.6002 1.85837C11.4113 2.20837 12.1168 2.68337 12.7168 3.28337C13.3168 3.88337 13.7918 4.58893 14.1418 5.40004C14.4918 6.21115 14.6668 7.07782 14.6668 8.00004C14.6668 8.92226 14.4918 9.78893 14.1418 10.6C13.7918 11.4112 13.3168 12.1167 12.7168 12.7167C12.1168 13.3167 11.4113 13.7917 10.6002 14.1417C9.78905 14.4917 8.92239 14.6667 8.00016 14.6667ZM8.00016 13.3334C9.47794 13.3334 10.7363 12.8139 11.7752 11.775C12.8141 10.7362 13.3335 9.47782 13.3335 8.00004C13.3335 6.52226 12.8141 5.26393 11.7752 4.22504C10.7363 3.18615 9.47794 2.66671 8.00016 2.66671C6.52239 2.66671 5.26405 3.18615 4.22516 4.22504C3.18627 5.26393 2.66683 6.52226 2.66683 8.00004C2.66683 9.47782 3.18627 10.7362 4.22516 11.775C5.26405 12.8139 6.52239 13.3334 8.00016 13.3334Z" fill="#BFC9C2"/>
+</g>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_share.imageset/Contents.json b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_share.imageset/Contents.json
new file mode 100644
index 000000000..070352f9a
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_share.imageset/Contents.json
@@ -0,0 +1,15 @@
+{
+  "images" : [
+    {
+      "filename" : "ic_share.svg",
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  },
+  "properties" : {
+    "preserves-vector-representation" : true
+  }
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_share.imageset/ic_share.svg b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_share.imageset/ic_share.svg
new file mode 100644
index 000000000..ad9abca46
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/Resource/Media.xcassets/ic_share.imageset/ic_share.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.97 16.81C16.5 16.31 17.21 16 18 16C19.66 16 21 17.34 21 19C21 20.66 19.66 22 18 22C16.34 22 15 20.66 15 19C15 18.76 15.04 18.53 15.09 18.31L8.04 14.19C7.5 14.69 6.79 15 6 15C4.34 15 3 13.66 3 12C3 10.34 4.34 9 6 9C6.79 9 7.5 9.31 8.04 9.81L15.09 5.7C15.04 5.48 15 5.24 15 5C15 3.34 16.34 2 18 2C19.66 2 21 3.34 21 5C21 6.66 19.66 8 18 8C17.21 8 16.49 7.69 15.96 7.19L8.91 11.3C8.96 11.53 9 11.76 9 12C9 12.24 8.96 12.47 8.91 12.7L15.97 16.81ZM19 5C19 4.45 18.55 4 18 4C17.45 4 17 4.45 17 5C17 5.55 17.45 6 18 6C18.55 6 19 5.55 19 5ZM6 13C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11C6.55 11 7 11.45 7 12C7 12.55 6.55 13 6 13ZM17 19C17 19.55 17.45 20 18 20C18.55 20 19 19.55 19 19C19 18.45 18.55 18 18 18C17.45 18 17 18.45 17 19Z" fill="#BFC9C2"/>
+</svg>
diff --git a/app-ios/Sources/TimetableDetailFeature/SampleData.swift b/app-ios/Sources/TimetableDetailFeature/SampleData.swift
new file mode 100644
index 000000000..c37c4b99b
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/SampleData.swift
@@ -0,0 +1,10 @@
+enum SampleData {
+    static let title = "DroidKaigiアプリで見るアーキテクチャの変遷"
+    static let dateValue = "2023.09.14 / 11:20 ~ 12:00 (40分)"
+    static let locationValue = "Arctic Fox (1F)"
+    static let languageValue = "日本語(英語通訳あり)"
+    static let categoryValue = "Jetpack Compose"
+    static let sessionDescription = "Kotlin Coroutinesは非同期処理をシンプルに記述できるKotlinの言語機能です。実験的な機能としてこれまでも提供されてきましたがKotlin 1.3で正式にリリース予定です。Androidの誕生から10年たちアプリの利用シーンが増えたKotlin Coroutinesは非同期処理をシンプルに記述できるKotlinの言語機能です。実験的な機能としてこれまでも提供されてきましたがKotlin 1.3で正式にリリース予定です。Androidの誕生から10年たちアプリの利用シーンが増えた."
+    static let applicants = "手を動かして実践してひとへのヒントとなります\nCoroutinesを使いたいと感じているひと\nよりモダンで効率的なAndroidアプリ開発に興味があるひと\n新しいパラダイムをいち早く知りたいひと\nアプリ開発が複雑だと感じるひと\nアプリ開発経験を前提としてあったほうが楽しめます"
+    static let name = "name"
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/SessionDescriptionView.swift b/app-ios/Sources/TimetableDetailFeature/SessionDescriptionView.swift
new file mode 100644
index 000000000..8e8ceaff3
--- /dev/null
+++ b/app-ios/Sources/TimetableDetailFeature/SessionDescriptionView.swift
@@ -0,0 +1,54 @@
+import SwiftUI
+
+struct SessionDescriptionView: View {
+    @State private var isDescriptionExpanded: Bool = false
+    @State private var canBeExpanded: Bool = false
+    let content: String
+
+    init(content: String) {
+        self.content = content
+    }
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            Text(content)
+                .textSelection(.enabled)
+                .lineLimit(isDescriptionExpanded ? nil : 5)
+                .font(.callout)
+                .foregroundStyle(Color(.surfaceVariant))
+                .background {
+                    ViewThatFits(in: .vertical) {
+                        Text(content)
+                            .hidden()
+                        // Just for receiving onAppear event if the description exceeds its line limit
+                        Color.clear
+                            .onAppear {
+                                canBeExpanded = true
+                            }
+                    }
+                }
+            if canBeExpanded {
+                Button {
+                    isDescriptionExpanded = true
+                    canBeExpanded = false
+                } label: {
+                    Text(String(localized: "TimeTableDetailReadMore", bundle: .module))
+                        .foregroundStyle(Color(.primary))
+                        .frame(width: 120, height: 40, alignment: .center)
+                        .overlay {
+                            Capsule()
+                                .stroke(Color(.outline))
+                        }
+                }
+            }
+        }
+    }
+}
+
+#Preview {
+    VStack {
+        SessionDescriptionView(content: SampleData.sessionDescription)
+            .padding(.horizontal, 16)
+    }
+    .background(Color(.background))
+}
diff --git a/app-ios/Sources/TimetableDetailFeature/TimetableDetailView.swift b/app-ios/Sources/TimetableDetailFeature/TimetableDetailView.swift
index e28e153f7..d78597c56 100644
--- a/app-ios/Sources/TimetableDetailFeature/TimetableDetailView.swift
+++ b/app-ios/Sources/TimetableDetailFeature/TimetableDetailView.swift
@@ -5,10 +5,173 @@ public struct TimetableDetailView: View {
     private let store: StoreOf<TimetableDetailReducer>
 
     public var body: some View {
-        Text(store.title)
-            .onAppear {
-                store.send(.onAppear)
+        VStack {
+            ScrollView {
+                sessionDetail
+                    .padding(.horizontal, 16)
+                
+                Divider().background(Color(.outlineVariant))
+
+                targetUser
+                    .padding(16)
+
+                Divider().background(Color(.outlineVariant))
+                
+                speaker
+                    .padding(16)
+                
+                Divider().background(Color(.outlineVariant))
+                
+                archive
+                    .padding(16)
+            }
+            
+            footer
+        }
+        .background(Color(.background))
+        .frame(maxWidth: .infinity)
+    }
+    
+    var footer: some View {
+        HStack(spacing: 8) {
+            Button {
+                // do something
+            } label: {
+                Group {
+                    Image(.icShare)
+                }
+                .frame(width: 40, height: 40)
+            }
+            Button {
+                // do something
+            } label: {
+                Group {
+                    Image(.icAddCalendar)
+                }
+                .frame(width: 40, height: 40)
             }
+            Spacer()
+            Button {
+                // do something
+            } label: {
+                Group {
+                    Image(.icFavorite)
+                }
+                .frame(width: 56, height: 56)
+                .background(Color(.secondaryContainer))
+                .clipShape(RoundedRectangle(cornerRadius: 16))
+            }
+        }
+        .frame(height: 80)
+        .frame(maxWidth: .infinity)
+        .padding(.horizontal, 16)
+        .background(Color(.surfaceContainer))
+    }
+    
+    @ViewBuilder var sessionDetail: some View {
+        VStack(alignment: .leading, spacing: 20) {
+            Text(SampleData.title)
+                .font(.title)
+                .foregroundStyle(Color(.surfaceVariant))
+            VStack(spacing: 16) {
+                InformationRow(
+                    icon: Image(.icSchedule),
+                    title: String(localized: "TimeTableDetailDate", bundle: .module),
+                    content: SampleData.dateValue
+                )
+                InformationRow(
+                    icon: Image(.icLocationOn),
+                    title: String(localized: "TimeTableDetailLocation", bundle: .module),
+                    content: SampleData.locationValue
+                )
+                InformationRow(
+                    icon: Image(.icLanguage),
+                    title: String(localized: "TimeTableDetailLanguage", bundle: .module),
+                    content: SampleData.languageValue
+                )
+                InformationRow(
+                    icon: Image(.icCategory),
+                    title: String(localized: "TimeTableDetailCategory", bundle: .module),
+                    content: SampleData.categoryValue
+                )
+            }
+            .padding(16)
+            .overlay(
+                RoundedRectangle(cornerRadius: 12)
+                    .stroke(Color(.onSurface), lineWidth: 1)
+            )
+            
+            SessionDescriptionView(content: SampleData.sessionDescription)
+                .padding(.bottom, 24)
+        }
+    }
+    
+    @ViewBuilder var targetUser: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            Text(String(localized: "TimeTableDetailApplicants", bundle: .module))
+                .font(.title3)
+                .foregroundStyle(Color(.surfaceVariant))
+
+            Text(SampleData.applicants)
+                .font(.callout)
+                .foregroundStyle(Color(.surfaceVariant))
+        }
+    }
+    
+    @ViewBuilder var speaker: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            Text(String(localized: "TimeTableDetailSpeaker", bundle: .module))
+                .font(.title3)
+                .foregroundStyle(Color(.surfaceVariant))
+
+            HStack {
+                Image(.avatar)
+                    .padding(.trailing, 24)
+                Text(SampleData.name)
+                    .font(.callout)
+                    .foregroundStyle(Color(.onSurface))
+                Spacer()
+            }
+        }
+    }
+    
+    @ViewBuilder var archive: some View {
+        VStack(alignment: .leading, spacing: 16) {
+            Text(String(localized: "TimeTableDetailArchive", bundle: .module))
+                .font(.title3)
+                .foregroundStyle(Color(.surfaceVariant))
+
+            HStack {
+                Button {
+                    // do something
+                } label: {
+                    VStack {
+                        Label(
+                            title: { Text(String(localized: "TimeTableDetailSlide", bundle: .module)).foregroundStyle(Color(.onPrimary)) },
+                            icon: { Image(.icDocument) }
+                        )
+                    }
+                    .frame(height: 40)
+                    .frame(maxWidth: .infinity)
+                    .background(Color(.button))
+                    .clipShape(Capsule())
+                }
+                Button {
+                    // do something
+                } label: {
+                    VStack {
+                        Label(
+                            title: { Text(String(localized: "TimeTableDetailVideo", bundle: .module)).foregroundStyle(Color(.onPrimary)) },
+                            icon: { Image(.icPlay) }
+                        )
+                    }
+                    .frame(height: 40)
+                    .frame(maxWidth: .infinity)
+                    .background(Color(.button))
+                    .clipShape(Capsule())
+                }
+            }
+        }
     }
     
     public init(store: StoreOf<TimetableDetailReducer>) {