Text Elements

Headings

Example

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>

Output

Heading 1

Sample text here.

Heading 2

Sample text here.

Heading 3

Sample text here.

Heading 4

Sample text here.

Paragraphs

Example

<p>Your text goes here.</p>

Output

Coracina Cards is a small greeting card company founded in 2020 by Tanya Voormeij-de Zwart, a graphic designer based on Bowen Island, a beautiful, rain-forested rock located on the west coast of British Columbia, Canada.

Tanya’s vintage-inspired work is vibrant, bold, and a little naughty at times. She loves using humour as a way to tell the truth. Humour is like taking a deep, refreshing breath and bringing everything back down to earth, giving us some sense of control as we face life’s many stressors. Tanya’s passion for typography shines through in the playful lettering used for the messages on each of her cards.

Interactive Elements

In-Text Link

Example

<p>Please <a class="link" href="">click here</a> for more.</p>

Output

Please click here for more.

Button

Example

<a class="button" href="#">Click me!</a>

Output

Click me!

Input & Label

CSS Selector

<form class="form">
    <div class="form-item"></div>
</form>

Output

Image Link

Output

Link to colour palette

Combined Elements

Navigation

Output

Product Listing

Output

An orange cat atop a christmas tree, with the caption 'In this house, there is only one star.'

In this house, there is only one star.

$6

Blank inside.

Add to cart

Newsletter Form

Output

Sign up for our newsletter!

Citations

Ball, Jonathan. Designer. 2021. Alkaline [Font]. Retrieved from Adobe Fonts.

Abbink, Mike. Designer. 2016. Brando Sans [Font]. Retrieved from Adobe Fonts.

Images were created or compiled by my mother, Tanya Voormeij-de Zwart, the client for this site.