<!doctype html>
<html lang="en-US">
<head>
<title>RPCS3 - Branding</title>
<meta charset="utf-8">
<meta name="description" content="RPCS3's core logo is used as the main icon for the RPCS3 executable. It is also used as the favicon for the website in addition to rich embed previews for rich embed capable applications such as Discord.">
<meta name="keywords" content="rpcs3, playstation, playstation 3, ps3, emulator, debugger, windows, linux, macos, freebsd, open source, nekotekina, kd11, branding">
<?php include 'lib/module/sys-meta.php';?>
<meta property="og:title" content="RPCS3 - Branding"/>
<meta property="og:description" content="RPCS3's core logo is used as the main icon for the RPCS3 executable. It is also used as the favicon for the website in addition to rich embed previews for rich embed capable applications such as Discord."/>
<meta property="og:image" content="/img/meta/mobile/1200.png"/>
<meta property="og:image:width" content="1200"/>
<meta property="og:image:height" content="630"/>
<meta property="og:url" content="https://rpcs3.net"/>
<meta property="og:locale" content="en_US"/>
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="RPCS3"/>
<meta name="twitter:title" content="RPCS3 - Branding">
<meta name="twitter:description" content="RPCS3's core logo is used as the main icon for the RPCS3 executable. It is also used as the favicon for the website in addition to rich embed previews for rich embed capable applications such as Discord.">
<meta name="twitter:image" content="/img/meta/mobile/1200.png">
<meta name="twitter:site" content="@rpcs3">
<meta name="twitter:creator" content="@rpcs3">
<meta name="twitter:card" content="summary_large_image">
<?php include 'lib/module/sys-css.php';?>
<?php include 'lib/module/sys-js.php';?>
</head>
<body>
<?php include 'lib/module/sys-global.php';?>
<div class="page-con-content">
	<div class="banner-con-container darkmode-header">
		<div id="object-particles">
		</div>
		<div class="wavebar-con-container">
			<div class="wavebar-con-wrap">
				<div class="wavebar-svg-object">
				</div>
				<div class="wavebar-svg-object">
				</div>
			</div>
		</div>
		<div class='banner-con-title fade-up-onstart'>
			<div class='banner-tx1-title fade-up-onstart pulsate'>
				<h1>Branding</h1>
			</div>
			<div class='banner-con-divider'>
			</div>
			<div class='banner-tx2-title fade-up-onstart'>
				<p>
					 Fundamentals and guidelines in our brand
				</p>
			</div>
		</div>
	</div>
	<div class="page-con-container">
		<div class="page-in-container">
			<div class='container-con-block darkmode-block'>
				<div class='container-con-wrapper'>
					<div class='container-tx1-block darkmode-txt'>
						<div class='container-emp-block'>
						</div>
						<h2>Core Logo</h2>
					</div>
					<div class='container-tx2-block darkmode-txt'>
						<p>
							 The core logo is used as the main icon for the RPCS3 executable. It is also used as the favicon for the website in addition to rich embed previews for rich embed capable applications such as Discord. We provide this icon in 3 styles and in .PNG, .PSD and .SVG file formats for maximum usability and scalability at 4096 x 4096 pixels.
						</p>
					</div>
				</div>
			</div>
			<div class='palette-con-container'>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/core-color.png) center center / 100px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/core-color-psd.psd' download>
							<div class='palette-btn-download'>
								<span>.PSD</span>
							</div>
							</a>
							<a href='/cdn/branding/core-color-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-b'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/core-black.png) center center / 100px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/core-black-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/core-black-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/core-white.png) center center / 100px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/core-white-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/core-white-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class='container-con-block darkmode-block'>
				<div class='container-con-wrapper'>
					<div class='container-tx1-block darkmode-txt'>
						<div class='container-emp-block'>
						</div>
						<h2>Minimal Logo</h2>
					</div>
					<div class='container-tx2-block darkmode-txt'>
						<p>
							 The minimal logo is used in discrete branding instances for quick recognition. It is used as the global home button for the website, presentations and screenshot / video watermarks. We provide this icon in 3 styles and in both .PNG and .SVG file formats for maximum usability and scalability at 4096 x 4096 pixels.
						</p>
					</div>
				</div>
			</div>
			<div class='palette-con-container'>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/minimal-color.png) center center / 100px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/minimal-color-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/minimal-color-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-b'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/minimal-black.png) center center / 100px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/minimal-black-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/minimal-black-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/minimal-white.png) center center / 100px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/minimal-white-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/minimal-white-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class='container-con-block darkmode-block'>
				<div class='container-con-wrapper'>
					<div class='container-tx1-block darkmode-txt'>
						<div class='container-emp-block'>
						</div>
						<h2>Full Logo</h2>
					</div>
					<div class='container-tx2-block darkmode-txt'>
						<p>
							 Similarly to the minimal logo, the full logo is the orginal logo and is used in spacious branding instances. It is primarily used in presentations and screenshot / video watermarks. We provide this icon in 3 styles and in both .PNG and .SVG file formats for maximum usability and scalability at 5000 x 1095 pixels.
						</p>
					</div>
				</div>
			</div>
			<div class='palette-con-container'>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/full-color.png) center center / 250px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/full-color-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/full-color-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-b'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/full-black.png) center center / 250px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/full-black-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/full-black-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a'>
						<div class='palette-con-image' style="background: url(/img/graphics/branding/full-white.png) center center / 250px no-repeat;">
						</div>
						<div class='palette-con-download'>
							<a href='/cdn/branding/full-white-svg.svg' download>
							<div class='palette-btn-download'>
								<span>.SVG</span>
							</div>
							</a>
							<a href='/cdn/branding/full-white-png.png' download>
							<div class='palette-btn-download'>
								<span>.PNG</span>
							</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class='container-con-block darkmode-block'>
				<div class='container-con-wrapper'>
					<div class='container-tx1-block darkmode-txt'>
						<div class='container-emp-block'>
						</div>
						<h2>Colors</h2>
					</div>
					<div class='container-tx2-block darkmode-txt'>
						<p>
							 Our color palette stems from the usage of colors on the website. We have 3 levels of light purple used for lighter themes, 3 levels of dark purple for darker themes and 3 signifying colors used for links, errors and warnings. While we do not limit ourselves to these colors specifically, we do aim to keep are colors as consistent as possible throughout or branding.
						</p>
					</div>
				</div>
			</div>
			<div class='palette-con-container'>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a palette-swatch-a'>
						<div class='palette-con-text'>
							<h3>Purple</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #686DE0
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(104, 109, 224, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(238deg, 66%, 65%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 54, 51, 0, 12
							</p>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-b palette-swatch-b'>
						<div class='palette-con-text'>
							<h3>Deep Purple</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #4E34C9
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(78, 52, 201, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(251deg, 59%, 50%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 61, 74, 0, 21
							</p>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a palette-swatch-c'>
						<div class='palette-con-text'>
							<h3>Deepest Purple</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #2E1F78
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(46, 31, 120, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(250deg, 59%, 30%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 62, 74, 0, 53
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class='palette-con-container'>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a palette-swatch-d'>
						<div class='palette-con-text'>
							<h3>Midnight</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #212947
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(33, 41, 71, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(227deg, 37%, 20%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 54, 42, 0, 72
							</p>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-b palette-swatch-e'>
						<div class='palette-con-text'>
							<h3>Deep Midnight</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #191F36
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(25, 31, 54, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(228deg, 37%, 16%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 54, 43, 0, 79
							</p>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a palette-swatch-f'>
						<div class='palette-con-text'>
							<h3>Deepest Midnight</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #111525
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(17, 17, 37, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(228deg, 37%, 11%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 54, 43, 0, 85
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class='palette-con-container'>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a palette-swatch-g'>
						<div class='palette-con-text'>
							<h3>Blueberry</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #03A9F4
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(3, 169, 244, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(199deg, 98%, 49%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 99, 31, 0, 5
							</p>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-b palette-swatch-h'>
						<div class='palette-con-text'>
							<h3>Guarana</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #FF3434
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(255, 52, 52, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(0deg, 100%, 62%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 0, 80, 80, 0
							</p>
						</div>
					</div>
				</div>
				<div class='palette-con-outer'>
					<div class='palette-con-inner-a palette-swatch-i'>
						<div class='palette-con-text'>
							<h3>Peach</h3>
							<p>
								<span class="palette-con-text-bold">HEX</span> #FF9F43
							</p>
							<p>
								<span class="palette-con-text-bold">RGB</span> rgb(255, 159, 67, 1)
							</p>
							<p>
								<span class="palette-con-text-bold">HSL</span> hsl(30deg, 100%, 63%)
							</p>
							<p>
								<span class="palette-con-text-bold">CMYK</span> 0, 38, 74, 0
							</p>
						</div>
					</div>
				</div>
			</div>
			<div class='container-con-block darkmode-block'>
				<div class='container-con-wrapper'>
					<div class='container-tx1-block darkmode-txt'>
						<h2>Press Kit</h2>
					</div>
					<div class='container-tx2-block darkmode-txt'>
						<p>
							 Our press kit is an amalgamation of all of the assets previewed on this page and more in a single package. It enables those who wish to promote the project and its development through high-quality digital media. We provide high-resolution assets such as our logo in 3 iterations, our supported operating systems, supported CPU and GPU hardware, rendering backends and much more.
						</p>
					</div>
				</div>
			</div>
			<div class="generic-con-button-single">
				<a href='/cdn/press/Press%20Kit.zip' download>
				<div class="generic-btn-button">
					<div class="generic-ico-button" style="background: url('/img/icons/buttons/presskit-h.png') no-repeat center">
					</div>
					<div class="generic-tx1-button">
						<span>Download Press Kit <span class="generic-tx2-label">268 MB</span></span>
					</div>
				</div>
				</a>
			</div>
			<div class="container-con-block darkmode-block">
				<div class='container-con-wrapper'>
					<div class='container-tx1-block darkmode-txt'>
						<h2>Flaticon Licensing</h2>
					</div>
					<div class='container-tx2-block darkmode-txt'>
						<p>
							 This website uses free icon sets found on <a href="https://www.flaticon.com/authors/AAAAAAAAAA" target="_blank">Flaticon.com</a> provided by <a href="https://www.flaticon.com/authors/AAAAAAAAAA" target="_blank">Freepik.com</a>. The Flaticon and Freepik licensing allows us to use for free, any of Flaticon contents for our projects as long as we attribute to the author in the definitive project. <br>
							<br>
							<b>How to attribute contents?</b>
							<br>
							 &#8226; For web usage: By placing a link with the text "designed by {Author's Name} from Flaticon" in a visible spot, so the author's authorship is noticeable.<br>
							 &#8226; Uses different to web: If possible, the text "designed by {Author's Name} from Flaticon" must be written next to Flaticon Contents, if it's not possible, the attribution must be placed in the credits or acknowledgements section.<br>
							<br>
							<b>Where you can use Flaticon contents:</b>
							<br>
							 &#8226; Website, software, applications, mobile and multimedia<br>
							 &#8226; Printed and digital media (magazines, newspapers, books, cards, labels, CD, television, video, e-mail).<br>
							 &#8226; Advertisement and promotional items.<br>
							 &#8226; Presentation of products and public events.<br>
							<br>
							<b>What you can do:</b>
							<br>
							 &#8226; You have the non-exclusive, non-transferable, non-sublicensable right to use the licensed material an unlimited number of times in any and all media for the commercial or personal purposes listed above.<br>
							 &#8226; You may alter and create derivative works.<br>
							 &#8226; You can use Flaticon Contents during the rights period world widely.<br>
							<br>
							<b>What you can not do:</b>
							<br>
							 &#8226; Sublicense, sell or rent any contents (or a modified version of them).<br>
							 &#8226; Distribute Flaticon Contents unless it has been expressly authorized by Flaticon.<br>
							 &#8226; Include Flaticon Contents in an online or offline database or file.<br>
							 &#8226; Offering Flaticon Contents designs (or modified Flaticon Contents versions) for download.<br>
							<br>
							<b>We attribute each icon set that we use on the website for the following creators:</b>
							<br>
							 &#8226; The 3D Printing pack by <a href="https://www.flaticon.com/authors/freepik" target="_blank">Freepik</a>.<br>
							 &#8226; The Basic Application pack by <a href="https://www.flaticon.com/authors/freepik" target="_blank">Freepik</a>.<br>
							 &#8226; The Material Design pack by <a href="https://www.flaticon.com/packs/material-design" target="_blank">Creative Commons 3.0 BY</a>.<br>
							 &#8226; The Essential Compilation pack by <a href="https://www.flaticon.com/authors/smashicons" target="_blank">Smashicons</a>.<br>
							 &#8226; The Font Awesome pack by <a href="https://www.flaticon.com/authors/dave-gandy" target="_blank">Dave Gandy</a>.<br>
							 &#8226; The Internet of Things pack by <a href="https://www.flaticon.com/authors/bqlqn" target="_blank">Bqlqn</a>.<br>
							 &#8226; The BigMug Line pack by <a href="https://www.flaticon.com/authors/catalin-fertu" target="_blank">Catalin Fertu</a>.<br>
							 &#8226; The Computer Hardware pack by <a href="https://www.flaticon.com/authors/vitaly-gorbachev" target="_blank">Vitaly Gorbachev</a>.<br>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<?php include 'lib/module/inc-footer.php';?>
</body>
</html>