codefryx Brand Library 2026

Unsere Marke.
Einfach machen.

Alles, was codefryx klar, wiedererkennbar und lebendig macht – für Social Media, Print, Präsentationen und digitale Produkte.

Entdecken↓

Unsere Marke

Aus Neugier
wird Zukunft.

codefryx ist Tech-Nachwuchs-Infrastruktur für Kinder und Jugendliche. Ein Ort, an dem junge Menschen Technik nicht nur nutzen, sondern verstehen, gestalten und weiterdenken.

01

Machen

Eigene Ideen werden zu echten Projekten – vom smarten Spielzeugauto bis zum eigenen Game.

02

Wachsen

Kreativität, Mut, Teamarbeit und Problemlösen öffnen Wege für Schule, Ausbildung und Beruf.

03

Dazugehören

Die Homebase ist Werkstatt, Treffpunkt und Lernort – bewusst anders als Schule.

Hände bauen gemeinsam an einem Technikprojekt
Der codefryx Blick Echte Menschen. Echte Projekte. Echte Entwicklung.

Farben

Technisch klar.
Spielerisch mutig.

Deepviolet gibt Halt. Violet, Sky, Peach und Lemon setzen Energie. Ein Akzent reicht oft.

Farbfläche anklicken, um den Hex-Wert zu kopieren.

Light mode

Ideen brauchen Raum.

Viel Weiß, dunkler Text und ein klarer Farbakzent.

Dark mode

Technik darf leuchten.

Dunkle Basis, starke Kontraste und gezielte Lichtfarbe.

Typografie

Deutlich, nicht
laut um jeden Preis.

Die Schrift führt. Sie soll modern wirken, aber nie den Inhalt übertönen.

Primärschrift

Allotrope

Für Überschriften, Fließtext und alle Inhalte, die schnell verstanden werden müssen.

Aa Bb Cc Dd Ee Ff
0123456789 ?!&

Displayschrift

Fixture

Fixture setzt kurze Störer und einzelne Wörter. Wie im CI-Handbuch bekommt jeder Buchstabe bewusst einen eigenen Schnitt. So entsteht Spannung aus Breite und Strichstärke, ohne eine ganze Headline in Expanded Black zu setzen.

CONDENSED THINCONDENSED LIGHTCONDENSED MEDIUMMEDIUMCONDENSED BOLDEXPANDED BLACK
DisplayAus Neugier wird Zukunft.
HeadlineTechnik selbst gestalten.
SublineEin Ort für Ideen, Projekte und Gemeinschaft.
Text

Kinder und Jugendliche bauen, programmieren, filmen, tüfteln und entwickeln eigene Lösungen.

Pixel & Raster

Ein System mit
Spielraum.

Die Pixel folgen dem Signet-Raster. Sie markieren, verbinden und schaffen Rhythmus.

Variables Signet

Die Pixel dürfen ihre Position wechseln.

Das Signet lebt in einem Feld aus neun Positionen. Jeder Pixel ist exakt gleich groß. Nur Position und Farbe wechseln; auch direkt nebeneinander bleiben es einzelne Quadrate im Raster. Die Wortmarke bleibt ruhig und unverändert.

Signet-Variante mit drei diagonal versetzten Quadraten
Versetzt
Signet-Variante mit neu angeordneten Quadraten
Gedreht
Signet-Variante mit vier Quadraten
Erweitert
Signet-Variante mit horizontalem Modul
Horizontal
Signet-Variante mit vertikalem Modul
Vertikal
Signet-Variante mit kompaktem Aufbau
Kompakt
  1. 1Vier gleiche Quadrate bilden in jeder Variante das Signet.
  2. 2Neun Positionen geben der Bewegung ein festes Drei-mal-drei-Raster.
  3. 3Position und Farbe wechseln, die Pixelgröße bleibt immer unverändert.
Raster 9 × 9

Drei Größen.
Viel Abstand.
Eine Idee.

Bewege den Mauszeiger über die Fläche.

01

Am Raster ausrichten

Position und Abstand folgen einer sichtbaren Ordnung.

02

Raum verteilen

Pixel dürfen groß sein – aber nie Text verdecken oder sich drängen.

03

Kante nutzen

Ein Pixel darf angeschnitten werden. Es muss nicht auf jeder Fläche passieren.

04

Dezent bewegen

Bewegung macht digitale Flächen lebendig. Langsam, weich und sparsam.

Bildwelt

Nicht gestellt.
Mittendrin.

Wir zeigen, was wirklich passiert: Hände, Ideen, Konzentration, Gemeinschaft und sichtbare Ergebnisse.

Hände arbeiten gemeinsam an einem Technikprojekt
Prozess zeigen
Code und Elektronik in einem Projekt
Technik im echten Einsatz
Jugendliche zeichnet einen technischen Entwurf
Ideen sichtbar machen

Faceless-Fotokonzept

Die Tätigkeit ist sichtbar. Das Gesicht bleibt geschützt.

Gute Perspektiven Hände bei der Arbeit, Blick über die Schulter, Rückenansicht, Detailaufnahme, Draufsicht sowie Geräte und Ergebnisse.

Vor Veröffentlichung prüfen Keine erkennbaren Gesichter, Profile oder Spiegelungen. Der Bildausschnitt darf die Situation trotzdem verständlich erzählen.

Faceless-Konzept auf codefryx.de lesen ↗
Ja

echte Situationen, aktive Hände, Rückenansichten, natürliche Farben, echte Räume und sichtbare Projekte

Nein

erkennbare Gesichter, Spiegelungen, gestellte Stockfotos, künstliches Tech-Spektakel und Schulbank-Optik

Sprache

Einfach sagen,
was passiert.

Unser Wording ist direkt, verständlich und auf Augenhöhe. Jugendliche sollen es genauso verstehen wie Eltern.

01

Konkret

Wir nennen das Projekt: „Mach dein Spielzeugauto smart.“

02

Ehrlich

Wir zeigen, wie ein Kurs abläuft und für wen er passt.

03

Mutig

Wir probieren neue Formate aus, statt Trends nur nachzumachen.

04

Einladend

Wir sprechen mit Menschen, nicht über Zielgruppen.

Vom Fachsatz zur echten Aussage

So nicht

Förderung digitaler Kompetenzen durch praxisorientierte Bildungsangebote.

So klingt codefryx

Du baust, testest und verbesserst deine eigene Idee.

Jeder Kurs braucht vier Antworten
1

Was baue ich? Ein sichtbares Projekt.

2

Was lerne ich? Der Nutzen dahinter.

3

Für wen? Kids (8–11), Jugendliche (12–14), Jugendliche (15+).

4

Wie starte ich? Ein klarer nächster Schritt.

Anwendungen

Eine Marke.
Viele Flächen.

Das System bleibt erkennbar – vom Reel bis zur Präsentation. Nicht jede Fläche muss gleich aussehen.

Downloads

Loslegen.
Nicht neu erfinden.

Die wichtigsten Dateien für den schnellen Start. Bei Unsicherheit gilt: lieber klar und reduziert als dekorativ.

codefryx

Fragen zur Marke? Erst in diese Library schauen. Dann gemeinsam besser machen.

codefryx.de ↗
Farbwert kopiert