<x-headline tag="h1">
  Explore our latest stories
</x-headline>
      

        
<x-headline tag="h2">
  Explore our latest stories
</x-headline>
      

        
<x-heading tag="h1">
  Explore our latest stories
  <x-slot:eyebrow>Eyebrow Text</x-slot:eyebrow>
  <x-slot:subheading>This is a subheading that gives more context to the heading above.</x-slot:subheading>
</x-heading>
      

        
<x-heading tag="h2">
  Explore our latest stories
  <x-slot:eyebrow>Eyebrow Text</x-slot:eyebrow>
  <x-slot:subheading>This is a subheading that gives more context to the heading above.</x-slot:subheading>
</x-heading>
      

        
<x-heading tag="h3">
  Explore our latest stories
</x-heading>
      

        
<x-button href="#"
  variant="primary"
  icon="arrow-right">
  Sign in
</x-button>
      

        
<x-button as="div"
  variant="primary-inverse">
  Sign in
</x-button>