Designs: Difference between revisions

From Haxogreen 2024 Wiki
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
== HaxoGreen Style Guide ==
== HaxoGreen Style Guide ==


OUTDATED!!!! Design for 2024 will come soon-ish-ly
[[File:Haxogreen2024_reduced.png|300px|Bonfire Gathering Protocol]]


=== Fonts ===
=== Fonts ===
The Font for "HAXOGREEN" is ''Allerta Stencil'' under the OFT-License. <br>
The Font is ''Data Control (Latin)''<br>
https://www.1001freefonts.com/allerta-stencil.font <br>
https://www.dafont.com/de/data-control.font<br>
https://fonts.google.com/specimen/Allerta+Stencil#standard-styles
https://fontsforyou.com/de/fonts/75557-datalatin.font


The font of the remaining text is the regular font from the ''Roboto'' font-family, copyrighted by Adobe.<br>
https://allfont.net/download/roboto-regular/<br>
https://fonts.google.com/specimen/Roboto


=== Colors ===
=== Colors ===


{| class="wikitable" style="padding:10px; text-align: center;"
{| class="wikitable" style="padding:10px; text-align: center;"
|+ Text der Überschrift
|-
|-
!style="width:70px"| Color !! style="width:100px"|  Name !! RGB Decimal !! RGB Hex !! Usage Examples
!style="width:70px"| Color !! style="width:100px"|  Name !! RGB Decimal !! RGB Hex !! Usage Examples
|-
|-
|style="background-color:#1AC9CA;"|  || HaxoBlue || (26,201,202) || #1AC9CA || in the Tree itself, title-part ''HAXO'', lines and subtitle ''Internet of Trees'':
|style="background-color:#25282A;"|  || Pantone 426 C || (37,40,42) || #25282A || Background for "dark-mode", Main-color for "light-mode"
|-
|-
|style="background-color:#1ACB76;"| || HaxoGreen || (26,203,118) || #1ACB76 || in the "Hairs" for the G, in the title-part ''GREEN'' and in Text
|style="background-color:#FC4C02;"| || Pantone 1655 C || (255,76,2) || #FC4C02 || Highlight Color, e.g.: Frames, Flames.
|-
|-
|style="background-color:#464243;"| || HaxoGray ||  (70,66,67) || #464243 || Background  
|style="background-color:#E5E1E6;"| || Pantone 663 C ||  (229,225,230) || #E5E1E6 || Main-Color for "dark-mode", Background for "light-mode"
|}
|}


=== SVGs ===
=== Design-Files ===
[[File:Haxogreen-Designs.zip]]
A Zip file containing Font, Colors and some basic designs. <br>
 
[[File:HG2024-design.zip]]
The SVG files in this zip are generated with Inkscape and are '''not''' ready-to-use.
 
They consist of different layers with individual elements or compositions either colored or b/w. Just enable the layer(s) you need and copy the elements to a new SVG to use or modify it.

Latest revision as of 18:41, 5 July 2024

HaxoGreen Style Guide

Bonfire Gathering Protocol

Fonts

The Font is Data Control (Latin)
https://www.dafont.com/de/data-control.font
https://fontsforyou.com/de/fonts/75557-datalatin.font


Colors

Color Name RGB Decimal RGB Hex Usage Examples
Pantone 426 C (37,40,42) #25282A Background for "dark-mode", Main-color for "light-mode"
Pantone 1655 C (255,76,2) #FC4C02 Highlight Color, e.g.: Frames, Flames.
Pantone 663 C (229,225,230) #E5E1E6 Main-Color for "dark-mode", Background for "light-mode"

Design-Files

A Zip file containing Font, Colors and some basic designs.
File:HG2024-design.zip