Aqui é onde coloco esboços de componentes que estão sendo usados no meu website.

Sinta-se à vontade para explorar e usar estes componentes como inspiração nos seus próprios projetos.

O código fonte completo está disponível no meu repositório no GITHUB.

Para voltar para a página inicial: CLIQUE AQUI

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam, velit. Recusandae natus corporis hic asperiores doloribus magni ex ipsam necessitatibus, aliquid dignissimos maiores totam minima obcaecati laudantium et ut nulla.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum, molestias repudiandae sed voluptatibus hic odio alias enim, voluptatem qui labore quas cupiditate eos aut ad neque adipisci quos! Deleniti, nobis.

Fonte: Delius, por Natalia Raices

Delius é uma fonte de letra de quadrinhos de alta qualidade.

Usei essa fonte principalmente no corpo do texto.

Link de referência

Fonte: Lemonada, por Mohamed Gaber e Eduardo Tunni

Lemonada é uma fonte moderna árabe e latina, projetada para ser versátil e ser utilizada em diversos contextos.

Usei essa fonte principalmente nos títulos.

Link de referência

Fonte: Brasilêro, por Crystian Cruz

Brasilêro é uma tipografia vernacular que resgata a escrita popular do Brasil, refletindo a expressividade e a veracidade da comunicação escrita.

Link de referência

fonte: cabelelêra, por bia wolanski e gui storck

cabelelêra é um projeto tipográfico que combina elementos da tipografia vernacular brasileira com um design moderno e contemporâneo.

link de referência

Sinta-se livre para usar as fontes tipográficas, porque são:

😊Integralmente ou parcialmente feita por BRASILEIROS, e melhor ainda, são GRATUITAS!🥳

🎉Viva o jeitinho brasileiro!🎁

Um link normal numa página

selecionado

não selecionado

PRISMJS - Realçador de sintaxe

link de referência


public class Teste {
    public static void main(String[] args) {
        System.out.println("Olá, Mundo!");
    }
}


print("Olá, Mundo!")


<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        Exemplo
    </title>
</head>
<body>

    <h1>
        Olá Mundo!
    </h1>
    
</body>
</html>


console.log("Olá, Mundo!");

Alguma coisa 1:

Alguma coisa 1.1:

Blá-blá-blá

Alguma coisa 1.2:

Blá-blá-blá

Alguma coisa 2:

Alguma coisa 2.1:

Blá-blá-blá

Muitos blá-blá-blá

Muitos blá-blá-blá mesmo

Blá-blá-blá

Lorem ipsum: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corporis, necessitatibus laudantium aperiam ea est blanditiis magni eveniet accusantium, laborum similique doloribus molestias exercitationem omnis! Obcaecati nostrum amet mollitia quaerat? Nisi.
Lorem ipsum: Lorem ipsum dolor sit amet consectetur adipisicing elit. Maxime, voluptas ab officia velit hic molestiae, blanditiis voluptates amet at dicta veniam reprehenderit dolorum quam dolorem totam aliquam impedit, nihil aperiam.
Lorem ipsum: Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus nemo inventore deleniti porro reiciendis est? Mollitia non atque corrupti. Quas, dolores. Dolor est error voluptatem vel minima, ducimus maxime neque.

Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Lorem ipsum		Lorem ipsum
Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum
Lorem ipsum	Lorem ipsum	Lorem ipsum	Lorem ipsum
	lorem ipsum	lorem ipsum	lorem ipsum
	lorem ipsum	lorem ipsum	lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi dolorum accusamus eum autem, veritatis magni nulla libero enim debitis omnis vel est, quia provident porro! Hic, sed molestias? Ab, odio.