Visually Located

public class CustomHub : Hub

{

    HubSection _lastSelectedSection = null;

    public CustomHub()

    {

        SectionsInViewChanged += OnSectionsInViewChanged;

    }

    private void OnSectionsInViewChanged(object sender, SectionsInViewChangedEventArgs sectionsInViewChangedEventArgs)

    {

        if (_lastSelectedSection == SectionsInView[0]) return;

        VisualStateManager.GoToState(SectionsInView[0], "Selected", true);

        if (_lastSelectedSection != null)

        {

            VisualStateManager.GoToState(_lastSelectedSection, "Unselected", true);                

        }

        _lastSelectedSection = SectionsInView[0];

    }

}

<Style TargetType="HubSection">

    <Setter Property="HorizontalContentAlignment" Value="Stretch"/>

    <Setter Property="VerticalContentAlignment" Value="Stretch"/>

    <Setter Property="Template">

        <Setter.Value>

            <ControlTemplate TargetType="HubSection">

                <Grid Background="{TemplateBinding Background}" Margin="{StaticResource HubSectionMarginThickness}">

                    <Grid.RowDefinitions>

                        <RowDefinition Height="auto"/>

                        <RowDefinition Height="auto"/>

                        <RowDefinition Height="*"/>

                    </Grid.RowDefinitions>

                    <VisualStateManager.VisualStateGroups>

                        <VisualStateGroup x:Name="SelectionStates">

                            <VisualState x:Name="Selected">

                                <Storyboard>

                                    <ColorAnimation Duration="0" To="#FFF30707" Storyboard.TargetProperty="(Control.Foreground).(SolidColorBrush.Color)" Storyboard.TargetName="Header" d:IsOptimized="True"/>

                                </Storyboard>

                            </VisualState>

                            <VisualState x:Name="Unselected"/>

                        </VisualStateGroup>

                    </VisualStateManager.VisualStateGroups>                            

                    <Grid.RenderTransform>

                        <CompositeTransform x:Name="WrappingTransform"/>

                    </Grid.RenderTransform>

                    <Rectangle x:Name="HubHeaderPlaceholder" Grid.Row="0"/>

                    <ContentControl x:Name="Header" CharacterSpacing="{StaticResource HubSectionHeaderCharacterSpacing}" ContentTemplate="{TemplateBinding HeaderTemplate}" Content="{TemplateBinding Header}" FontWeight="SemiBold" FontSize="{StaticResource HubSectionHeaderFontSize}" FontFamily="{StaticResource PhoneFontFamilyNormal}" HorizontalAlignment="Left" Margin="{StaticResource HubSectionHeaderMarginThickness}" Grid.Row="1">

                        <ContentControl.RenderTransform>

                            <CompositeTransform x:Name="StickyHeaderTransform"/>

                        </ContentControl.RenderTransform>

                    </ContentControl>

                    <ContentPresenter x:Name="ContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" Grid.Row="2" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                </Grid>

            </ControlTemplate>

        </Setter.Value>

    </Setter>

</Style>

<controls:CustomHub Header="Hello world">

    <HubSection Header="one">

    </HubSection>

    <HubSection Header="two">

    </HubSection>

    <HubSection Header="three">

    </HubSection>

</controls:CustomHub>