O texto é um dos elementos mais importantes em qualquer página web. E isto não é de causar espanto, uma vez que sem conteúdo, mesmo o site mais impressionante em termos artísticos, não teria sentido (com apenas raríssimas e particulares excessões).

E por isso mesmo podemos pensar o texto (e as tipologias empregadas), como um poderoso elemento de design. Naturalmente não me refiro ao texto do corpo da página, como este que você lê agora, mas todo tipo de texto usado em títulos, menus, destaques, etc. Estes elementos, embora primariamente sirvam para, por exemplo, identificar uma seção de um site (como a palavra "fontes" lá em cima), também podem contribuir para a estética e identidade visual do site.

Neste artigo, vamos ver alguns sites que merecem destaque nesta área, pelo uso original e criativo de apenas (ou quase apenas) texto como elemento de design. Eu aconselho que você visite cada site apresentado abaixo (basta clicar sobre a primeira ilustração de cada site), para poder ter uma idéia real de como o uso do texto foi bem planejado, de forma a contribuir para o aspecto visual do site.

Você precisa visitar este site para perceber como o designer conseguiu embutir tanta informação em tão pouco espaço, sem quebrar a harmonia e a beleza. Naturalmente o uso dos quadrados coloridos contribui para a organização visual da página. Na verdade, trata-se de um enorme menu, do qual pode-se acessar qualquer setor do site inteiro. Os designers usaram uma variedade de estilos e tamanhos de texto para conseguir este belo resultado.

A tela acima é de uma das seções internas do site. Note a clareza e simplicidade, que só podem ser conseguidas depois de muito planejamento, tendo-se sempre em mente que a mensagem é sempre mais importante do que a forma, ou seja, de nada serve um site extremamente "artístico" quando a informação que se procura fica escondida ou prejudicada. Observe como o tamanho do texto foi alterado conforme necessário para que as palavras coubessem de forma elegante nos espaços dados. Este site é uma prova de que um bom planejamento e simplicidade podem alcançar mais resultados do que muita purpurina e firulas sem nenhum sentido.


Imperatriz Leopoldinense - www.imperatrizleopoldinense.com.br

O mais interessante neste site é que apesar de ser de Escola de Samba, ele apresenta um projeto visual simples e limpo. Usou-se apenas uma tipologia (Arial) em vários tamanhos, estilos (bold, outline, "esticada", etc) e cores. Como o próprio texto do corpo da página também está em Arial, criou-se assim uma total integração entres os textos "gráficos" e o texto propriamente dito. Note como o título do samba enredo (em amarelo) nem sequer é gráfico, mas como apresenta cor, estilo e tamanho diferenciados em relação ao resto do texto, também contribui para o visual da página.

Veja no detalhe acima o uso de diversos tons de verde para dar mais dinâmica e atualidade ao logotipo do site e aos títulos de seção.

Counter Space - http://www.studiomotiv.com/counterspace/

O site da CounterSpace é um exemplo perfeito de como o posicionamento cuidadoso das letras das palavras pode por si só criar um efeito gráfico de impacto. A imagem acima é de um momento quase ao final da abertura em Flash, que é seguida pelo conteúdo do site, mostrado abaixo. Embora só se tenha usado laranja, preto e cinza, o site parece bastante colorido. Para o logo foram usadas apenas duas fontes. Repare que a palavra "space" está escrita duas vezes: horizontalmente, com duas cores, e verticalmente, "quebrada" com apenas uma cor. Tudo muito simples, mas muito criativo e elegante.

A disposição do texto nas páginas internas é ainda mais elegante e de leitura muito agradável. Usou-se linhas coloridas para dirigir o olho facilmente até às informações. Note o uso das letras grandes e diferenciadas em cor, que contribuem para que o site não se torne monótono. Repare como elas cumprem maravilhosamente bem a função que normalmente atribuiríamos à uma foto ou ilustração.

segue >>