diff --git a/README.md b/README.md
index 419db58..6fd3844 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,5 @@
-# Avalonia.Themes.Semi
\ No newline at end of file
+# Semi.Avalonia
+
+Avalonia Theme inspired by Semi Design
+
+![Cover](./docs/cover.png)
\ No newline at end of file
diff --git a/docs/cover.png b/docs/cover.png
new file mode 100644
index 0000000..6ed3694
Binary files /dev/null and b/docs/cover.png differ
diff --git a/src/Semi.Avalonia.Demo/MainWindow.axaml b/src/Semi.Avalonia.Demo/MainWindow.axaml
index 24d44d5..5e601d2 100644
--- a/src/Semi.Avalonia.Demo/MainWindow.axaml
+++ b/src/Semi.Avalonia.Demo/MainWindow.axaml
@@ -5,6 +5,9 @@
     Title="Semi.Demo" d:DesignHeight="450"
     d:DesignWidth="800" mc:Ignorable="d">
     <TabControl Margin="8" TabStripPlacement="Left">
+        <TabItem Header="Overview">
+            <pages:Overview />
+        </TabItem>
         <TabItem Header="TextBlock">
             <pages:TextBlockDemo />
         </TabItem>
diff --git a/src/Semi.Avalonia.Demo/Pages/Overview.axaml b/src/Semi.Avalonia.Demo/Pages/Overview.axaml
new file mode 100644
index 0000000..b5c2fe2
--- /dev/null
+++ b/src/Semi.Avalonia.Demo/Pages/Overview.axaml
@@ -0,0 +1,42 @@
+<UserControl
+    x:Class="Semi.Avalonia.Demo.Pages.Overview" xmlns="https://github.com/avaloniaui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" d:DesignHeight="450"
+    d:DesignWidth="800" mc:Ignorable="d">
+    <StackPanel Margin="10" Spacing="5">
+        <TextBlock
+            Classes="H6" Text="Welcome to Semi Avalonia"
+            Theme="{StaticResource TitleTextBlock}" />
+        <Border Theme="{StaticResource CardBorder}">
+            <StackPanel Orientation="Horizontal">
+                <StackPanel>
+                    <RadioButton>Option 1</RadioButton>
+                    <RadioButton>Option 2</RadioButton>
+                </StackPanel>
+                <Border VerticalAlignment="Center" Theme="{StaticResource RadioButtonGroupBorder}">
+                    <StackPanel Orientation="Horizontal">
+                        <RadioButton Theme="{StaticResource ButtonRadioButton}">选项 1</RadioButton>
+                        <RadioButton Theme="{StaticResource ButtonRadioButton}">选项 2</RadioButton>
+                    </StackPanel>
+                </Border>
+
+            </StackPanel>
+        </Border>
+        <Border Theme="{StaticResource CardBorder}">
+            <StackPanel Orientation="Horizontal">
+                <CheckBox>Avalonia</CheckBox>
+                <CheckBox>WPF</CheckBox>
+            </StackPanel>
+        </Border>
+        <Border Theme="{StaticResource CardBorder}">
+            <StackPanel Orientation="Horizontal">
+                <Button Classes="Primary">Primary</Button>
+                <Button Classes="Primary" Theme="{DynamicResource SolidButton}">Primary</Button>
+                <Button Classes="Primary" Theme="{DynamicResource BorderlessButton}">Primary</Button>
+                <Button Classes="Warning">Warning</Button>
+                <Button Classes="Warning" Theme="{DynamicResource SolidButton}">Warning</Button>
+                <Button Classes="Warning" Theme="{DynamicResource BorderlessButton}">Warning</Button>
+            </StackPanel>
+        </Border>
+    </StackPanel>
+</UserControl>
diff --git a/src/Semi.Avalonia.Demo/Pages/Overview.axaml.cs b/src/Semi.Avalonia.Demo/Pages/Overview.axaml.cs
new file mode 100644
index 0000000..322444b
--- /dev/null
+++ b/src/Semi.Avalonia.Demo/Pages/Overview.axaml.cs
@@ -0,0 +1,18 @@
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Markup.Xaml;
+
+namespace Semi.Avalonia.Demo.Pages;
+
+public partial class Overview : UserControl
+{
+    public Overview()
+    {
+        InitializeComponent();
+    }
+
+    private void InitializeComponent()
+    {
+        AvaloniaXamlLoader.Load(this);
+    }
+}
\ No newline at end of file