artwork.html

<!doctype html>
<html lang=en>
<meta charset=utf-8>

<title>OpenBSD: Artwork</title>
<meta name="description" content="the OpenBSD ordering page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="openbsd.css">
<link rel="canonical" href="https://www.openbsd.org/artwork.html">

<style>
h3, h4 {
	text-align: center;
}

ul {
	list-style-type: none;
	padding: 0;
	display: flex;
	justify-content: space-around;
	flex-flow: row wrap;
}

li {
	text-align: center;
	padding: 0.5em;
}

@media (prefers-color-scheme: dark) {
	img {
	opacity: .85;
	}

	img:hover {
	opacity: 1;
	}
}
</style>

<h2 id=OpenBSD>
<a href="index.html">
<i>Open</i><b>BSD</b></a>
Artwork
</h2>

<hr>

<p>
Every six months, around May 1st and Nov 1st, OpenBSD makes an official
software release.
To accompany this free software released on the internet, we make
artwork and <a href="lyrics.html">music</a>.
This artwork emblazoned CDs and posters up until version 6.0, after which
we stopped producing product and only release software on the internet.

<p>
Past releases also had <a href="tshirts.html">shirts</a> printed along
with them.

<p>
OpenBSD developers receive exclusive t-shirts with additional artwork
when they attend <a href="hackathons.html">hackathons</a>.

<hr>

<h3>A review of older releases:</h3>

<h4>Post-CD-ROM Era</h4>

<ul>
    <li>8.0<br>
        <a href="80.html">
        <img loading="lazy" height="127" width="90" src="images/blowfishonbike-s.gif" alt=""></a>
    <li>7.9<br>
        <a href="79.html">
        <img loading="lazy" height="127" width="90" src="images/PinkPuffy-s.gif" alt=""></a>
    <li>7.8<br>
        <a href="78.html">
        <img loading="lazy" height="127" width="90" src="images/Terraodontidae-s.gif" alt=""></a>
    <li>7.7<br>
        <a href="77.html">
        <img loading="lazy" height="127" width="90" src="images/LifeOfAFish-s.gif" alt=""></a>
    <li>7.6<br>
        <a href="76.html">
        <img loading="lazy" height="127" width="90" src="images/LifeIsButADream-s.gif" alt=""></a>
    <li>7.5<br>
        <a href="75.html">
        <img loading="lazy" height="127" width="90" src="images/King_of_Kings-s.gif" alt=""></a>
    <li>7.4<br>
        <a href="74.html">
        <img loading="lazy" height="127" width="90" src="images/ImHappyBecauseEveryoneLovesMe-s.gif" alt=""></a>
    <li>7.3<br>
        <a href="73.html">
        <img loading="lazy" height="127" width="90" src="images/DryGarden-s.gif" alt=""></a>
    <li>7.2<br>
        <a href="72.html">
        <img loading="lazy" height="127" width="90" src="images/OneFishTwoFish-s.gif" alt=""></a>
    <li>7.1<br>
        <a href="71.html">
        <img loading="lazy" height="127" width="90" src="images/TheGreatWaveOffCalgary-s.gif" alt=""></a>
    <li>7.0<br>
        <a href="70.html">
        <img loading="lazy" height="127" width="90" src="images/StarryPointers-s.png" alt=""></a>
    <li>6.9<br>
        <a href="69.html">
        <img loading="lazy" height="127" width="90" src="images/nice-s.gif" alt=""></a>
    <li>6.8<br>
        <a href="68.html">
        <img loading="lazy" height="127" width="90" src="images/PuffyOverride-s.gif" alt=""></a>
    <li>6.7<br>
        <a href="67.html">
        <img loading="lazy" height="127" width="90" src="images/CoralFever-s.gif" alt=""></a>
    <li>6.6<br>
        <a href="66.html">
        <img loading="lazy" height="127" width="90" src="images/sixdotsix-s.gif" alt=""></a>
    <li>6.5<br>
        <a href="65.html">
        <img loading="lazy" height="127" width="90" src="images/Puffystock.gif" alt=""></a>
    <li>6.4<br>
        <a href="64.html">
        <img loading="lazy" height="127" width="90" src="images/Puffoil.gif" alt=""></a>
    <li>6.3<br>
        <a href="63.html">
        <img loading="lazy" height="127" width="90" src="images/Harry.gif" alt=""></a>
    <li>6.2<br>
        <a href="62.html">
        <img loading="lazy" height="127" width="90" src="images/MoBSD-l.gif" alt=""></a>
    <li>6.1<br>
        <a href="61.html">
        <img loading="lazy" height="127" width="90" src="images/Fugu.gif" alt=""></a>
</ul>

<h4>CD-ROM Era</h4>

<ul>
    <li>6.0<br>
        <a href="60.html">
        <img loading="lazy" height="127" width="90" src="images/cd60-s.gif" alt=""></a>
    <li>5.9<br>
        <a href="59.html">
        <img loading="lazy" height="127" width="90" src="images/cd59-s.gif" alt=""></a>
    <li>5.8<br>
        <a href="58.html">
        <img loading="lazy" height="127" width="90" src="images/cd58-s.gif" alt=""></a>
    <li>5.7<br>
        <a href="57.html">
        <img loading="lazy" height="127" width="90" src="images/cd57-s.gif" alt=""></a>
    <li>5.6<br>
        <a href="56.html">
        <img loading="lazy" height="127" width="90" src="images/cd56-s.gif" alt=""></a>
    <li>5.5<br>
	<a href="55.html">
	<img loading="lazy" height="127" width="90" src="images/cd55-s.gif" alt=""></a>
    <li>5.4<br>
	<a href="54.html">
	<img loading="lazy" height="127" width="90" src="images/cd54-s.gif" alt=""></a>
    <li>5.3<br>
	<a href="53.html">
	<img loading="lazy" height="127" width="90" src="images/cd53-s.gif" alt=""></a>
    <li>5.2<br>
	<a href="52.html">
	<img loading="lazy" height="127" width="90" src="images/cd52-s.gif" alt=""></a>
    <li>5.1<br>
	<a href="51.html">
	<img loading="lazy" height="127" width="90" src="images/cd51-s.gif" alt=""></a>
    <li>5.0<br>
	<a href="50.html">
	<img loading="lazy" height="127" width="90" src="images/cd50-s.gif" alt=""></a>
    <li>4.9<br>
	<a href="49.html">
	<img loading="lazy" height="127" width="90" src="images/cd49-s.gif" alt=""></a>
    <li>4.8<br>
	<a href="48.html">
	<img loading="lazy" height="127" width="90" src="images/cd48-s.gif" alt=""></a>
    <li>4.7<br>
	<a href="47.html">
	<img loading="lazy" height="127" width="90" src="images/cd47-s.gif" alt=""></a>
    <li>4.6<br>
	<a href="46.html">
	<img loading="lazy" height="127" width="90" src="images/cd46-s.gif" alt=""></a>
    <li>4.5<br>
	<a href="45.html">
	<img loading="lazy" height="127" width="90" src="images/cd45-s.gif" alt=""></a>
    <li>4.4<br>
	<a href="44.html">
	<img loading="lazy" height="126" width="90" src="images/cd44-s.gif" alt=""></a>
    <li>4.3<br>
	<a href="43.html">
	<img loading="lazy" height="126" width="90" src="images/cd43-s.gif" alt=""></a>
    <li>4.2<br>
	<a href="42.html">
	<img loading="lazy" height="126" width="90" src="images/cd42-s.gif" alt=""></a>
    <li>4.1<br>
	<a href="41.html">
	<img loading="lazy" height="126" width="90" src="images/cd41-s.gif" alt=""></a>
    <li>4.0<br>
	<a href="40.html">
	<img loading="lazy" height="127" width="90" src="images/cd40-s.gif" alt=""></a>
    <li>3.9<br>
	<a href="39.html">
	<img loading="lazy" height="90" width="90" src="images/cd39-s.gif" alt=""></a>
    <li>3.8<br>
	<a href="38.html">
	<img loading="lazy" height="90" width="90" src="images/cd38-s.gif" alt=""></a>
    <li>3.7<br>
	<a href="37.html">
	<img loading="lazy" height="90" width="90" src="images/cd37-s.gif" alt=""></a>
    <li>3.6<br>
	<a href="36.html">
	<img loading="lazy" height="90" width="90" src="images/cd36-s.gif" alt=""></a>
    <li>3.5<br>
	<a href="35.html">
	<img loading="lazy" height="90" width="90" src="images/cd35-s.gif" alt=""></a>
    <li>3.4<br>
	<a href="34.html">
	<img loading="lazy" height="90" width="90" src="images/cd34-s.gif" alt=""></a>
    <li>3.3<br>
	<a href="33.html">
	<img loading="lazy" height="90" width="90" src="images/cd33-s.gif" alt=""></a>
    <li>3.2<br>
	<a href="32.html">
	<img loading="lazy" height="90" width="90" src="images/cd32-s.gif" alt=""></a>
    <li>3.1<br>
	<a href="31.html">
	<img loading="lazy" height="90" width="90" src="images/cd31-s.gif" alt=""></a>
    <li>3.0<br>
	<a href="30.html">
	<img loading="lazy" height="90" width="90" src="images/cd30-s.gif" alt=""></a>
    <li>2.9<br>
	<a href="29.html">
	<img loading="lazy" height="90" width="90" src="images/cd29-s.gif" alt=""></a>
    <li>2.8<br>
	<a href="28.html">
	<img loading="lazy" height="90" width="90" src="images/cd28-s.gif" alt=""></a>
    <li>2.7<br>
	<a href="27.html">
	<img loading="lazy" height="90" width="90" src="images/cd27-s.gif" alt=""></a>
    <li>2.6<br>
	<a href="26.html">
	<img loading="lazy" height="90" width="90" src="images/cd26-s.gif" alt=""></a>
    <li>2.5<br>
	<a href="25.html">
	<img loading="lazy" height="90" width="90" src="images/cd25-s.gif" alt=""></a>
    <li>2.4<br>
	<a href="24.html">
	<img loading="lazy" height="90" width="90" src="images/cd24-s.gif" alt=""></a>
    <li>2.3<br>
	<a href="23.html">
	<img loading="lazy" height="90" width="90" src="images/cd23-s.gif" alt=""></a>
    <li>2.2<br>
	<a href="22.html">
	<img loading="lazy" height="90" width="90" src="images/cd22-s.gif" alt=""></a>
    <li>2.1<br>
	<a href="21.html">
	<img loading="lazy" height="90" width="90" src="images/cd21-s.gif" alt=""></a>
</ul>

<h4>Audio CDs</h4>

<ul>
    <li>The Songs<br>5.2 - 6.0<br>
       <a href="lyrics.html">
       <img loading="lazy" height="90" width="90" src="images/cdaudio3-s.gif" alt=""></a>
    <li>The Songs<br>4.1 - 5.1<br>
       <a href="lyrics.html">
       <img loading="lazy" height="90" width="90" src="images/cdaudio2-s.gif" alt=""></a>
    <li>The Songs<br>3.0 - 4.0<br>
       <a href="lyrics.html">
       <img loading="lazy" height="90" width="90" src="images/cdaudio-s.gif" alt=""></a>
</ul>

<h4>Posters</h4>

<ul>
    <li>6.0<br>
        <a href="images/poster36.jpg">
        <img loading="lazy" height="116" width="77" src="images/poster36-s.gif" alt=""></a>
    <li>5.9<br>
        <a href="images/poster35.jpg">
        <img loading="lazy" height="116" width="77" src="images/poster35-s.gif" alt=""></a>
    <li>5.8<br>
        <a href="images/poster34.jpg">
        <img loading="lazy" height="116" width="77" src="images/poster34-s.gif" alt=""></a>
    <li>5.7<br>
        <a href="images/poster33.jpg">
        <img loading="lazy" height="116" width="77" src="images/poster33-s.gif" alt=""></a>
    <li>5.6<br>
        <a href="images/poster32.jpg">
        <img loading="lazy" height="116" width="77" src="images/poster32-s.gif" alt=""></a>
    <li>5.5<br>
	<a href="images/poster31.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster31-s.gif" alt=""></a>
    <li>5.4<br>
	<a href="images/poster30.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster30-s.gif" alt=""></a>
    <li>5.3<br>
	<a href="images/poster29.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster29-s.gif" alt=""></a>
    <li>5.2<br>
	<a href="images/poster28.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster28-s.gif" alt=""></a>
    <li>5.1<br>
	<a href="images/poster27.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster27-s.gif" alt=""></a>
    <li>5.0<br>
	<a href="images/poster26.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster26-s.gif" alt=""></a>
    <li>4.9<br>
	<a href="images/poster25.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster25-s.gif" alt=""></a>
    <li>4.8<br>
	<a href="images/poster24.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster24-s.gif" alt=""></a>
    <li>4.7<br>
	<a href="images/poster23.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster23-s.gif" alt=""></a>
    <li>4.6<br>
	<a href="images/poster22.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster22-s.gif" alt=""></a>
    <li>4.5<br>
	<a href="images/poster21.jpg">
	<img loading="lazy" height="116" width="77" src="images/poster21-s.gif" alt=""></a>
    <li>4.4<br>
	<a href="images/poster20.jpg">
	<img loading="lazy" height="117" width="77" src="images/poster20-s.gif" alt=""></a>
    <li>4.3<br>
	<a href="images/poster19.gif">
	<img loading="lazy" height="117" width="77" src="images/poster19-s.gif" alt=""></a>
    <li>4.2<br>
	<a href="images/poster18.gif">
	<img loading="lazy" height="117" width="77" src="images/poster18-s.gif" alt=""></a>
    <li>4.1<br>
	<a href="images/poster17.gif">
	<img loading="lazy" height="117" width="77" src="images/poster17-s.gif" alt=""></a>
    <li>4.0<br>
	<a href="images/poster16.gif">
	<img loading="lazy" height="117" width="77" src="images/poster16-s.gif" alt=""></a>
    <li>3.9<br>
	<a href="images/poster15.gif">
	<img loading="lazy" height="120" width="82" src="images/poster15-s.gif" alt=""></a>
    <li>3.8<br>
	<a href="images/poster14.gif">
	<img loading="lazy" height="120" width="82" src="images/poster14-s.gif" alt=""></a>
    <li>3.7<br>
	<a href="images/poster13.gif">
	<img loading="lazy" height="120" width="82" src="images/poster13-s.gif" alt=""></a>
    <li>3.6<br>
	<a href="images/poster12.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster12-s.gif" alt=""></a>
    <li>3.5<br>
	<a href="images/poster11.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster11-s.gif" alt=""></a>
    <li>3.4<br>
	<a href="images/poster10.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster10-s.gif" alt=""></a>
    <li>3.3<br>
	<a href="images/poster9.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster9-s.gif" alt=""></a>
    <li>3.2<br>
	<a href="images/poster8.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster8-s.gif" alt=""></a>
    <li>3.1<br>
	<a href="images/poster7.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster7-s.gif" alt=""></a>
    <li>3.0<br>
	<a href="images/poster6.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster6-s.gif" alt=""></a>
    <li>2.9<br>
	<a href="images/poster5.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster5-s.gif" alt=""></a>
    <li>2.8<br>
	<a href="images/poster4.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster4-s.gif" alt=""></a>
    <li>2.7<br>
	<a href="images/poster3.jpg">
	<img loading="lazy" height="120" width="82" src="images/poster3-s.gif" alt=""></a>
    <li>OpenSSH<br>
	<a href="images/poster2.jpg">
	<img loading="lazy" height="120" width="78" src="images/poster2-s.gif" alt=""></a>
    <li>2.6<br>
	<a href="images/poster1.jpg">
	<img loading="lazy" height="120" width="77" src="images/poster1-s.gif" alt=""></a>
</ul>

<h4>Fan art</h4>

<ul>
    <li>Puffy<br>vs<br>Cthulhu<br>
       <a href="images/puffy_vs_cthulhu.jpg">
       <img loading="lazy" height="120" width="77" src="images/puffy_vs_cthulhu-s.jpg" alt="Puffy vs Cthulhu"></a>
    <li><br><br>Puffer City<br>
       <a href="images/puffer_city.jpg">
       <img loading="lazy" height="120" width="77" src="images/puffer_city-s.gif" alt="Puffer City"></a>
</ul>
</html>