Skip to content
This repository was archived by the owner on Sep 4, 2023. It is now read-only.

digitaltrollstudios/branding

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DTS Branding Guidelines | German

Sandro Lenz, 21.09.2022

© 2022 - digitaltrollstudios.com

1 Inhaltsverzeichnis

2 Änderungen

Datum Autor Beschreibung Visum
21.09.2022 Sandro Lenz Dokument erstellt LES
21.09.2022 Sandro Lenz Inhalt hinzugefügt LES

3 Logo

Das Logo besteht aus zwei Elementen, die immer gemeinsam auftreten. Diese können, für spezielle Anwendungen, jedoch in ihren Details angepasst werden.

  • Troll:
    • Der Troll besteht aus einem hellgrünen (Avocado) Kreis mit zwei dunkleren (Fern) Ohren. Er blickt hinter dem Laptop hervor.
  • Laptop:
    • Der Laptop besteht aus einem grauen (Concrete) Rechteck mit abgerundeten Ecken. Als Hersteller-Logo wird die Keule (Club) verwendet. Um klarzustellen, dass es sich um einen Laptop handelt, hat dieser ein leichtes, hellblaues (Sky) Leuchten.

3.1 Icon

3.1.1 Standard

Das Standard-Icon hat zwei Varianten:

Transparent: Standard-Version des Logos

Logo Transparent

Midnight: Zur Verwendung in Social-Media Profilbildern

Logo Midnight

3.1.2 Einfarbig

Mono-Smoke:

Logo Mono Smoke

Mono-Midnight:

Logo Mono Midnignt

3.2 Icon mit Text

Um unter anderem Dokumente zu beschriften, wird dem Logo unsere Wordmark hinzugefügt. Auch hier gibt es zwei Versionen, eine mit schwarzem (Midnight) und eine mit weissem (Smoke) Text.

Logo Text Midnight Logo Text Smoke

3.3 Offizielle Varianten

Zu speziellen Ereignissen werden unsere Profilbilder auf Social-Media angepasst. Dafür sind folgende Abänderungen unseres Logos geplant.

Logo variations

4 Wordmark

4.1 Firmenname

Unser Firmenname setzt sich aus drei Wörtern zusammen.

  • Digital:
    • Da wir grundsätzlich ein digitales Produkt verkaufen werden und wir Informatiker sind startet unser Firmenname mit «Digital».
  • Troll:
    • Ein Troll ist ein Fabelwesen der nordischen Mythologie, das die Naturkräfte verkörpert. In unserem Spiel wird man unteranderem einen Troll spielen können.
  • Studios:
    • «Digital Troll» ist als Firmenname noch nicht sehr aussagekräftig. Daher haben wir uns entschieden, «Studios» anzuhängen, um klarzustellen, dass wir etwas erstellen und/oder herausgeben.

4.1.1 Schreibweise

Standard Digital Troll Studios
Accountnamen, Domain, etc. digitaltrollstudios[.com]
Falls Account nicht verfügbar digital_troll_studios oder digital.troll.studios
Wordmark auf Logo DIGITALTROLL Studios
Abkürzung DTS

4.2 Slogan

Unser Slogan bezieht sich auf die Hauptwaffe des Trolls, die Keule (Club) und macht den Leser auf die Unberechenbarkeit von Trollen aufmerksam.

4.2.1 Schreibweise

Standard Watch out for the Club!
Mit Gründungsjahr Watch out for the Club! | est. 2022

5 Farben

Die Farben orientieren sich am Thema des Trolls, der sich in einem düsteren Sumpfgebiet aufhält. Auch die Bezeichnungen der Farben wurden gewählt, um zum allgemeinen Thema zu passen.

5.1 Liste

Farbe Hex / RGB Anwendung
Primary
Fern #3D642D / 61, 100, 45 Titel 1 & 2, Flächen (siehe Titelblatt), Buttons & Links
Midnight #1E1E1E / 30, 30, 30 Text, Hintergründe (siehe Titelblatt)
Secondary
Swamp #2A461F / 42, 70, 31 Schattierung von Fern, Untertitel 3 & 4
Avocado #889C58 / 136, 156, 88 Hover bei Buttons & Links
Oak #6C3F25 / 108, 63, 37 Club (wenn separat dargestellt)
Accent
Sand #D3BF7E / 211, 191, 126 Warnungen
Salmon #D95030 / 217, 80, 48 Fehler
Sky #63AAED / 99, 170, 237 Informationen
Neutrals
Black #000000 / 0, 0, 0 Zur Vollständigkeit, möglichst vermeiden -> Midnight
Graphite #3F3F3F / 63, 63, 63 Unterstützende Textelemente, Tabellen-Header
Concrete #8F8F8F / 143, 143, 143 Unterstützende Textelemente
Smoke #F5F5F5 / 245, 245, 245 Text auf dunklem Hintergrund
White #FFFFFF / 255, 255, 255 Zur Vollständigkeit, möglichst vermeiden -> Smoke

Colors

5.2 CSS :root

Der folgende Code-Abschnitt kann zu Beginn eines Stylesheets eingefügt werden, um schneller auf die offiziellen Farben zurückgreifen zu können.

:root {
  --primary-fern: #3d642d;
  --primary-midnight: #1e1e1e;

  --secondary-swamp: #2a461f;
  --secondary-avocado: #889c58;
  --secondary-oak: #6c3f25;

  --accent-sand: #d3bf7e;
  --accent-salmon: #d95030;
  --accent-sky: #63aaed;

  --neutrals-black: #000000;
  --neutrals-graphite: #3f3f3f;
  --neutrals-concrete: #8f8f8f;
  --neutrals-smoke: #f5f5f5;
  --neutrals-white: #ffffff;
}

Mit dem folgenden Ausdruck können die Farben verwendet werden:

color: var(farbe); /* Beispiel: var(--primary-fern) */

6 Typographie

Als Schriftart verwenden wir grundsätzlich Roboto von Christian Robertson. Falls jedoch nicht anders möglich, kann auf Arial ausgewichen werden, da diese auf jedem Computer installiert ist.

Wir verwenden Roboto Black (bzw. Arial Black) für Titel ersten und zweiten Grades und Roboto (bzw. Arial) für Überschriften dritten und vierten Grades sowie Fliesstext. Roboto kann hier heruntergeladen werden: https://fonts.google.com/specimen/Roboto

6.1 Liste

Type Font Schriftgrösse Farbe
Überschrift 1 Roboto Black 20 #3D642D - Fern
Überschrift 2 Roboto Black 16 #3D642D - Fern
Überschrift 3 Roboto 14 #2A461F - Swamp
Überschrift 4 Roboto 11 #2A461F - Swamp
Fliesstext Roboto 11 #1E1E1E - Midnight

7 Shapes

7.1 Club

Die Keule (Club) ist die Hauptwaffe des Trolls. Sie kommt daher sowohl in unserem Logo, als auch im Slogan vor.

Club Oak Club Graphite

7.2 Circle

Der Circle entstand während dem Erstellungsprozess des Logos und kann vielseitig eingesetzt werden.

Circle

7.2.1 Beispiele

Circle Beispiele

8 Abschluss

Bei Fragen: Kontaktieren Sie uns per E-Mail: contact@digitaltrollstudios.com

8.1 Copyright

Die Urheber- und alle anderen Rechte an Inhalten, Bildern, Fotos oder anderen Elementen in diesem Dokument und auf unserer Website gehören ausschliesslich Sandro Lenz oder den speziell genannten Rechteinhabern. Für die Reproduktion jeglicher Elemente ist die schriftliche Zustimmung des Urheberrechtsträgers im Voraus einzuholen.


/\ Zurück zum Start

© 2022 – digitaltrollstudios.com

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published