-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·99 lines (71 loc) · 4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>InitWare logo</title>
<meta name="title" content="InitWare logo">
<meta name="description" content="Logo and Brand Assets for InitWare">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" href="/icon.png" />
<link rel="shortcut icon" href='/favicon.png?' type="image/png" sizes="16x16">
</head>
<body>
<div class="container">
<img src="assets/page-logo.svg" class="page-logo">
<h2>Brand</h2>
<p>InitWare is a middleware suite that allows you to manage services and
system resources as logical entities called units.</p>
<p>The logo is a promise to users and a reminder to the developers of
InitWare: <i>never to force the user to press the power button in
dismay</i>.
This philosophy is integral to InitWare, and thus the natural element of
the InitWare logo.</p>
<h2>Logo</h2>
<p>The full horizontal logo should be used whenever possible. If colour isn't an option, it can be used in monochrome as well.</p>
<div class="logo-grid">
<div class="logo-block">
<div class="image-container brand-white"><img src="assets/svg/InitWare-light.svg"></div>
<p>Full colour Logo <a href="assets/svg/InitWare-light.svg">SVG</a> <a href="assets/png/InitWare-light.png">PNG</a></p>
</div>
<div class="logo-block">
<div class="image-container brand-white"><img src="assets/svg/InitWare-light-mono.svg"></div>
<p>Monochrome Logo <a href="assets/svg/InitWare-light-mono.svg">SVG</a> <a href="assets/png/InitWare-light-mono.png">PNG</a></p>
</div>
<!--<div class="logo-block">
<div class="image-container brand-black"><img src="assets/svg/InitWare-dark.svg"></div>
<p>Full colour Logo (dark) <a href="assets/svg/InitWare-dark.svg">SVG</a> <a href="assets/png/InitWare-dark.png">PNG</a> <a href="assets/pdf/InitWare-dark.pdf">PDF</a></p>
</div>
<div class="logo-block">
<div class="image-container brand-black"><img src="assets/svg/InitWare-dark-mono.svg"></div>
<p>Monochrome Logo (dark) <a href="assets/svg/InitWare-dark-mono.svg">SVG</a> <a href="assets/png/InitWare-dark-mono.png">PNG</a> <a href="assets/pdf/InitWare-dark-mono.pdf">PDF</a></p>
</div>-->
</div>
<h2>Alternate Logos</h2>
<p>For use cases where the horizontal logo doesn't work, the vertical alternate logo can be used instead. For sizes too small for the text to be readable (e.g. avatars, icons, and the like), use the standalone logomark.</p>
<div class="logo-grid">
<div class="logo-block">
<div class="image-container brand-white"><img src="assets/svg/InitWare-light-vertical-colour.svg" ></div>
<p>Vertical Alternate Logo <a href="assets/svg/InitWare-light-vertical-colour.svg">SVG</a> <a href="assets/png/InitWare-light-vertical-colour.png">PNG</a> <a href="assets/pdf/InitWare-light-vertical-colour.pdf">PDF</a></p>
</div>
<div class="logo-block">
<div class="image-container brand-white"><img src="assets/svg/InitWare-logomark.svg" ></div>
<p>Standalone Logomark <a href="assets/svg/InitWare-logomark.svg">SVG</a> <a href="assets/png/InitWare-logomark.png">PNG</a> <a href="assets/pdf/InitWare-logomark.pdf">PDF</a></p>
</div>
</div>
<h2>colour & Typography</h2>
<p>The brand colours are
<span class="palette brand-blue">InitWare blue #1e8bc3</span>
and <span class="palette brand-black">InitWare black #141314</span>.</p>
<p>The brand typeface is
<a href="https://github.com/OdedEzer/heebo">Heebo</a>, by Oded Ezer.
The logotype uses the Bold weight.</p>
</div>
<footer>
<p>Copyright © The InitWare Project, 2021</p>
<p>Portions copyright © systemd, 2019</p>
<p><a href="https://github.com/InitWare/brand.initware.com">Website source</a></p>
</footer>
</body>
</html>