<link rel="stylesheet" href="produtos.css"> <ul>
<li>Home</li>
<li>Produtos</li>
<li>Contatos</li>
</ul>
</header> 
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
<link rel="stylesheet" href="produtos.css"> <ul>
<li>Home</li>
<li>Produtos</li>
<li>Contatos</li>
</ul>
</header> 
Boa, Ana. Para melhorar, você pode colocar tudo isso dentro de uma nav que fica no header do seu html. Além disso, você pode linkar cada item da lista para uma outra página, por exemplo, através da âncora. Ficando assim:
<header>
<div class="box">
<h1><img src="imagens/logo-alura.jpg" alt="Logo da Alura"></h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="produtos.html">Produtos</a></li>
<li><a href="contato.html">Contatos</a></li>
</ul>
</nav>
</div>
</header>