diff --git a/SmartAquaViewer/View/EnegyView.xaml b/SmartAquaViewer/View/EnegyView.xaml
index 3c3af99..3842f22 100644
--- a/SmartAquaViewer/View/EnegyView.xaml
+++ b/SmartAquaViewer/View/EnegyView.xaml
@@ -5,12 +5,37 @@
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
              xmlns:local="clr-namespace:SmartAquaViewer.View"
              mc:Ignorable="d" 
-             d:DesignHeight="450" d:DesignWidth="800">
-    <Grid>
-        <TextBlock Text="Energy View"
-                       FontSize="24" FontWeight="Bold" 
-                       HorizontalAlignment="Center" 
-                       VerticalAlignment="Center"
-                       Foreground="Black"/>
+             d:DesignHeight="940" d:DesignWidth="1650">
+    <Grid Background="#243851">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="160"/>
+            <RowDefinition Height="*"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="650"/>
+        </Grid.ColumnDefinitions>
+
+        <Border Grid.ColumnSpan="2" Margin="20" BorderBrush="#3E4C60" BorderThickness="1" CornerRadius="10">
+            <Border.Background>
+                <ImageBrush ImageSource="/Resources/Images/top_bg.png" Stretch="Fill"/>
+            </Border.Background>
+
+        </Border>
+
+        <Grid Grid.Row="1" Grid.RowSpan="2" Margin="20 0 20 20">
+
+        </Grid>
+
+        <Border Grid.Row="1" Grid.Column="1" Margin="0 0 20 20" CornerRadius="10"
+                Background="#384659" BorderBrush="#404F63" BorderThickness="1">
+            
+        </Border>
+
+        <Border Grid.Row="2" Grid.Column="1" Margin="0 0 20 20" CornerRadius="10"
+                Background="#384659" BorderBrush="#404F63" BorderThickness="1">
+
+        </Border>
     </Grid>
 </UserControl>
diff --git a/SmartAquaViewer/View/GreenHouseView.xaml b/SmartAquaViewer/View/GreenHouseView.xaml
index 3e98376..c7368f7 100644
--- a/SmartAquaViewer/View/GreenHouseView.xaml
+++ b/SmartAquaViewer/View/GreenHouseView.xaml
@@ -5,12 +5,29 @@
              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
              xmlns:local="clr-namespace:SmartAquaViewer.View"
              mc:Ignorable="d" 
-             d:DesignHeight="450" d:DesignWidth="800">
-    <Grid>
-        <TextBlock Text="Green House View"
-                       FontSize="24" FontWeight="Bold" 
-                       HorizontalAlignment="Center" 
-                       VerticalAlignment="Center"
-                       Foreground="Black"/>
+             d:DesignHeight="940" d:DesignWidth="1650">
+    <Grid Background="#243851">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="*"/>
+            <RowDefinition Height="*"/>
+        </Grid.RowDefinitions>
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="*"/>
+            <ColumnDefinition Width="650"/>
+        </Grid.ColumnDefinitions>
+
+        <Grid Grid.RowSpan="2" Margin="20">
+
+        </Grid>
+
+        <Border Grid.Row="0" Grid.Column="1" Margin="0 20 20 20" CornerRadius="10"
+                Background="#384659" BorderBrush="#404F63" BorderThickness="1">
+
+        </Border>
+
+        <Border Grid.Row="1" Grid.Column="1" Margin="0 0 20 20" CornerRadius="10"
+                Background="#384659" BorderBrush="#404F63" BorderThickness="1">
+
+        </Border>
     </Grid>
 </UserControl>