WiiMart-org/branding.html
2025-05-26 17:33:10 -05:00

73 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>@font-face {font-family: 'Shop'; src: url('meta/shop.ttf') format('truetype'); font-weight: normal; font-style: normal;}</style>
<script src="meta/music.js" preload></script>
<title>Branding of WiiMart</title>
<meta content="Branding of WiiMart" property="og:title" />
<meta content="This page contains the WiiMart branding guidelines." property="og:description" />
<meta content="https://wiimart.org/media/branding-bag.png" property="og:image"/>
<meta content="https://wiimart.org/branding" property="og:url" />
<meta content="#1164E9" data-react-helmet="true" name="theme-color" />
<meta name="keywords" content="WiiMart, Wii Shop, homebrew"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="meta/main.css" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<style>mark {color:white} .wm {width: 100%}</style>
</head>
<body onload="loadafterwednesdaycheck();">
<div id="bgmplayer">
<h2>BGM player</h2>
<a href="javascript:playBGM();" id="shopbgmselector"><button id="shopbgm">Play</button></a>
<p><br>Enable audio autoplay in your browser for it to continue playing throughout the website.</p>
</div>
<h1><a href="/">WiiMart</a></h1>
<a href="install"><button>Install</button></a> <a href="support"><button>Support</button></a> <a href="errors"><button>Errors</button></a> <button disabled>Branding</button> <a href="specials"><button>Specials</button></a> <a href="credits"><button>Credits</button></a><br><br>
<div>
<h2>Wordmarks</h2>
<div style="border-color:#1164E9;background-color: #1164E9" class="wm"><img loading="lazy" src="media/branding-wordmark-white.png" class="wm"></div>
<div style="background-color: white;border-color: white;" class="wm"><img loading="lazy" src="media/branding-wordmark-blue.png" class="wm"></div>
<div style="background-color: white;border-color: white;" class="wm"><img loading="lazy" src="media/branding-wordmark-black.png" class="wm"></div>
<p>The wordmarks should be visible on the background they are in, like shown.</p>
</div>
<div>
<h2>Colors</h2>
<mark style="background-color: #1164E9;">WiiMart Blue&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#1164E9</mark>
<br><mark style="background-color:#00378F">WiiMart Dark Blue&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;#00378F</mark>
<br><mark style="background-color:#001F50">WiiMart Darker Blue&nbsp;&nbsp;&nbsp;#001F50</mark>
</div>
<div>
<h2>Icons</h2>
<img loading="lazy" src="media/branding-bag.png" width="200px" height="200px" style="min-width:200px; min-height:200px;">
<img loading="lazy" src="media/branding-bag-no-bg.png" width="200px" height="200px" style="min-width:200px; min-height:200px;">
<img loading="lazy" src="media/branding-wfc-joke.png" width="200px" height="200px" style="min-width:200px; min-height:200px;">
<p>Here are two shop icons with one WFC joke.</p>
<a href="media/branding-bag.svg" download><button>Download SVG</button></a>
</div>
<div>
<h2>Banners</h2>
<img loading="lazy" src="media/branding-banner.png" width="100%" height="100%" style="min-width:100%; min-height:100%;">
<img loading="lazy" src="media/branding-super-center.png" width="100%" height="100%" style="min-width:100%; min-height:100%;">
<img loading="lazy" src="media/branding-wiimart-wednesday.png" width="100%" height="100%" style="min-width:100%; min-height:100%;">
</div>
<div>
<h2>Extra Information</h2>
<p>The icons and banners are recolors of Wii Shop Channel textures, WiiMart itself is primarily a parody of
the <a href="https://www.cufonfonts.com/font/wal-mart-logos-1980s-1990s">90s Walmart branding</a>.</p>
</div>
<footer><p>The WiiMart Team is not affiliated with Nintendo or any related parties. To contact, please send an email to <a href="mailto:support@wiimart.org"><b>support@wiimart.org</b></a>.</p></footer>
</body>
</html>