Logo und Farbarten

GREENLUX e.K

Wir stellen Ihnen hiermit unser LOGO zum Download bereit.
Die Verwendung hat ausschließlich in den vorgegebenen Varianten zu erfolgen. Änderungen bedürfen der Abstimmung!

Videolink

LOGO

Icon

QR-code

zulässige Farbwerte:

RGBA: 129, 184, 33, 1
HSIA: 82, 70%, 43%, 1
HEX: #81b821

RGBA: 84, 84, 84, 1
HSIA: 0, 0%, 33%, 1
HEX: #545454

GREEN

L

U

X

<h3 style="padding-left:22px; margin-bottom:-3px; font-family:helvetica; color:#81b821; letter-spacing:20px;  text-align:center;">GREEN</h3>
<table style="margin-left:auto; width:170px; height:42px; margin-right:auto;">
<tbody>
<tr>
<td>
<h2 style="font-family:Roboto; text-align:center; background:#81b821; padding:5px 9px;"><span style="color:#ffffff;">L</span></h2>
</td>
<td>
<h2 style="font-family:Roboto; text-align: center; background:#81b821; padding:5px 8px 5px;"><span style="color:#ffffff;">U</span></h2>
</td>
<td>
<h2 style="font-family:Roboto; text-align:center; background:#81b821; padding:5px 8px 5px;"><span style="color:#ffffff;">X</span></h2>
</td>
</tr>
</tbody>
</table>

HDML:

<div class="opposites uk-icon">
<div class="opposites ul "> </div>
<div class="opposites hr "> </div>
<div class="opposites ur "> </div>
<div class="opposites hl"> </div>
</div>

CSS:

.opposites {
width: 26px;
height: 26px;
}

.hl, .hr, .ur, .ul {
width: 12px;
height: 12px;
position: absolute;
}
.hl, .hr {
top: 0;
}
.hr, .ur {
left: 13px;
}
.ur, .ul {
top: 13px;
}
.hl, .hl {
left: 0;
}
.hl {
background: #81b821;
transform-origin: bottom right;
}
.hr {
background: #525252;
transform-origin: bottom left;
}
.ur {
background: #81b821;
transform-origin: top left;
}
.ul {
background: #525252;
transform-origin: top right;
}