ロゴ

本家のプレスリリース用資料に、画像ファイルがあります。
 
下記のように、 HTML5 と CSS3 を使う事で、ロゴを生成することもできます。
 
<html>
<head>
<style type="text/css">
.novius_os {
position: relative;
width: 400px;
height: 330px;
}
.novius_os span {
position: absolute;
display: block;
}
.red {
background: #c70c1f;
top: 58px;
left: 0;
width: 245px;
height: 245px;
border-radius: 245px;
z-index: 3;
}
.red2 {
background: #c70c1f;
top: 58px;
left: 0;
width: 245px;
height: 245px;
border-radius: 245px;
z-index: 4;
opacity: 0.5;
}
.yellow {
background: #ffee00;
top: 33px;
left: 114px;
width: 100px;
height: 100px;
border-radius: 100px;
opacity: 0.5;
z-index: 5;
}
.yellow2 {
background: #ffee00;
top: 33px;
left: 114px;
width: 100px;
height: 100px;
border-radius: 100px;
z-index: 1;
}
.orange {
background: #f29200;
top: 0;
right: 27px;
width: 235px;
height: 235px;
border-radius: 235px;
z-index: 3;
}
.green {
background: #c7d100;
bottom: 9px;
right: 95px;
width: 178px;
height: 178px;
border-radius: 178px;
opacity: 0.5;
z-index: 3;
}
.green2 {
background: #c7d100;
bottom: 9px;
right: 95px;
width: 178px;
height: 178px;
border-radius: 178px;
z-index: 1;
}
.blue {
background: #6ea4d3;
bottom: 30px;
right: 0;
width: 180px;
height: 180px;
border-radius: 180px;
z-index: 2;
}
.blue2 {
background: #6ea4d3;
bottom: 30px;
right: 0;
width: 180px;
height: 180px;
border-radius: 180px;
z-index: 3;
opacity: 0.5;
}
.black {
background: black;
top: 73px;
left: 68px;
width: 285px;
height: 209px;
border-radius: 285px / 209px;
z-index: 5;
}
.os {
top: 115px;
left: 118px;
color: white;
font-size: 110px;
text-align: center;
font-family: 'Merriweather Sans', sans-serif;
z-index: 5;
}
.n {
top: 96px;
right: 94px;
color: #919191;
font-size: 60px;
text-align: center;
font-family: 'Merienda', cursive;
z-index: 5;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="novius_os">
<span class="red"></span>
<span class="red2"></span>
<span class="orange"></span>
<span class="blue"></span>
<span class="blue2"></span>
<span class="yellow"></span>
<span class="yellow2"></span>
<span class="green"></span>
<span class="green2"></span>
<span class="black"></span>
<span class="os">OS</span>
<span class="n">N</span>
</div>
</body>
</html>

 


Novius OS Japan