SplashScreen.xaml

<UserControl
    x:Class="WordSteps.SplashScreen"
    x:Name="SplashScreenUserControl"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    d:DesignHeight="768" d:DesignWidth="480">

    <Grid x:Name="LayoutRoot" Height="768" Background="{StaticResource WordStepsBackgroundBrush}">
        <StackPanel Background="{StaticResource WordStepsHeaderBackgroundBrush}" Height="144" VerticalAlignment="Top">
            <Border Background="{StaticResource WordStepsHeaderForegroundBrush}" Width="327" Height="62" HorizontalAlignment="Center" Margin="0, 32, 0, 12">
                <Border.OpacityMask>
                    <ImageBrush ImageSource="SplashScreenLogo.png" Stretch="None" />
                </Border.OpacityMask>
            </Border>
            <toolkit:PerformanceProgressBar IsIndeterminate="True" IsEnabled="True" />
        </StackPanel>
        <Border Opacity="0.8" Background="{StaticResource WordStepsDarkAccentBrush}" Width="480" Height="72" VerticalAlignment="Bottom"></Border>
    </Grid>

    <UserControl.Resources>
        <Storyboard x:Name="DissolveStoryboard">
            <DoubleAnimation
                Storyboard.TargetName="SplashScreenUserControl" 
                Storyboard.TargetProperty="Opacity"
                From="1.0" To="0.0" Duration="0:0:1" 
                RepeatBehavior="1x" />
        </Storyboard>
    </UserControl.Resources>

</UserControl>