Neura Legal

← Dashboard

Logo-Präsentation

SVG-Erstellung aus Foto · Varianten · Technische Dokumentation

01

Gegenüberstellung

V8

Aus dem originalen Foto-Entwurf wurde ein digitales SVG-Logo erstellt — als Knoten-Kanten-Graph mit 9 Knoten und 4 Polylinien. Rechts das Ergebnis als skalierbare Vektorgrafik mit angepasstem Wordmark.

ORIGINAL Foto vom Logo-Entwurf
Original Logo-Entwurf
V8 N-Icon + Wordmark
Neura Legal
SVG herunterladen Vektorformat · Skalierbar ohne Qualitätsverlust
02

Drei Varianten

Drei Strichstärken zur Entscheidung: Sauber (Standard), Filigran (dünn, zart) und Bold (kräftig, dick). Alle in Schwarz-Weiß, damit die Form im Vordergrund steht.

Variante 1 — Sauber

Standard, CSS-färbbar

2.5pxStandard↓ SVG

Variante 2 — Filigran

Dünnere Linien, zarter

1.5pxFiligran↓ SVG

Variante 3 — Bold

Dicke Linien, kräftig

5pxBold↓ SVG
03

Struktur-Dokumentation

Knoten-Kanten-Graph

Technische Dokumentation des Logos als Knoten-Kanten-Graph: 9 Knoten mit Koordinaten, 4 Polylinien als Züge. Dient als exakte Referenz für Nachbau und Anpassung.

9 Knoten (viewBox 240 × 290)
KnotenxyrRolle
A20209Startpunkt, Doppelanschluss
B72606Diagonale, +24 über Ideallinie
C301007Abzweig Querachse
D1201409Kreuzungspunkt (Anker)
E220188oben rechts
F2121806.5Endpunkt Querachse
G1682256.5Diagonale, −19 unter Ideallinie
H202709unten links
I2202709.5Sammelpunkt, größter Knoten
4 Polylinien (Züge)
Zug 1 — Linke Vertikale A(20,20) → C(30,100) → H(20,270)
Leicht geknickt, C hat 10px Versatz nach rechts
Zug 2 — Diagonale (S-Knick!) A(20,20) → B(72,60) → D(120,140) → G(168,225) → I(220,270)
B = +24 über, G = −19 unter Ideallinie A→I. Nicht begradigen!
Zug 3 — Rechte Vertikale E(220,18) → F(212,180) → I(220,270)
F ist 8px links von E/I
Zug 4 — Querachse C(30,100) → D(120,140) → F(212,180)
Kreuzt Diagonale in D. D = einziger Kreuzungspunkt
Konstruktionsprinzipien
  • Knoten-Kanten-Graph — Kein gefülltes Shape. 9 Knoten, 4 Polylinien.
  • Handgezeichnete Qualität — Der S-Knick in der Diagonale (B über, G unter Ideallinie) erzeugt den Charakter. Nicht begradigen!
  • D ist der Anker — Kreuzungspunkt von Diagonale und Querachse. Visueller Mittelpunkt.
  • 4 Pfade statt 11 Linien — Polylinien reduzieren SVG-Komplexität.
  • currentColor — fill und stroke per CSS steuerbar. Für Druck: Konturen in Pfade umwandeln.
  • Small-Size (<32px) — Reduziertes Set mit 5 Knoten (A, D, E, H, I).
04

Farbpalette

Schwarz-Weiß als Basis, Hamburg-Rot als gezielter Akzent. Die Farbpalette folgt dem Prinzip „Weniger ist mehr" — dezent, nicht verspielt.

#0A0A0A
Tiefschwarz
Primärtext, Header, Footer
#FAFAFA
Reinweiß
Hintergrund, Text auf Dunkel
#E4003B
Hamburg-Rot
Akzente, CTAs, Anker
#FF1A4E
Signalrot
Hover, aktive Elemente
#1A1A1A
Grau-900
Sekundärtext, Cards
#404040
Grau-700
Body-Text
#9CA3AF
Grau-400
Borders, Trennlinien
#F3F4F6
Grau-100
Section-Hintergründe
05

Typografie

3 Optionen zur Prüfung, ob eine moderne Schrift die Signalwirkung unterstützt. „Legal" bleibt immer in einer neutralen serifenlosen Schrift, „Neura" bekommt einen individuellen Akzent.

Font-Pairings · Textmarke
NEURA Legal
A — Orbitron
Futuristisch, geometrisch. Tech-Akzent. + Arial für Legal.
Neura Legal
B — Chakra Petch
Modern, tech-orientiert, gut lesbar. + Arial für Legal.
Neura Legal
C — Syne
Bold, expressiv, eigenständig. Starker Charakter. + Arial für Legal.
06

Tagline

Die Tagline bringt das Markenversprechen auf den Punkt. Drei Varianten mit unterschiedlicher Signalwirkung.

K.I. verankert. Recht gedacht.
Primär ✓
Künstliche Intelligenz.
Natürliches Recht.
Alternative A
Digital. Rechtlich. Verankert.
Alternative B
07

Design-Prinzipien

Was das Logo besonders macht — und warum es funktioniert.

◈
Knoten statt Flächen
Kein gefülltes Shape — das Logo lebt aus Punkten und Linien. Erinnert an neuronale Netze, ohne plakativ zu sein.
〜
Der S-Knick
Die Diagonale ist nicht gerade — sie hat Charakter. Der leichte Knick macht das Logo handgezeichnet und unverwechselbar.
◐
Schwarz-Weiß-First
Rot nur als Akzent. Die Grundform funktioniert in jedem Kontext — vom Briefkopf bis zum Favicon.
⚙
Skalierbar gedacht
9 Knoten, 4 Polylinien. Lässt sich problemlos von 16px bis Plakatgröße skalieren — ohne Detailverlust.
08

Bildmarke — Varianten

Drei alternative Interpretationen der Bildmarke. Gleiche Knoten-Struktur, unterschiedliche Akzente.

A — Rote Akzente
3 Schlüsselknoten in Hamburg-Rot: Startpunkt, Kreuzung, Sammelpunkt.
↓ SVG
B — Gradient
Rot → Pink Verlauf. Dunkler Hintergrund.
↓ SVG
C — Gewicht + Hohl
Diagonale fett, Vertikalen dünn. Eckpunkte gefüllt, Zwischenknoten hohl.
↓ SVG
09

Animation

Das N-Logo morphed in die Struktur eines Gehirns — und zurück. Gleiche Knoten-Kanten-Logik, neue Form.

N-Logo → Gehirn → N-Logo
Gehirn — Knoten-Kanten-Graph
23 Knoten (14 Kontur + 9 Innen), 40 Kanten. Gleiche Sprache wie das N-Logo: Punkte und Linien, kein gefülltes Shape.
Kontur (14): K01–K14 geschlossener Ring
Innen (9): I01–I09 als Netzwerk
Kanten (40): 14 Kontur + 26 Innen
K01(96,56) K02(150,34) K03(206,32) K04(252,52)
K05(280,92) K06(286,138) K07(262,178) K08(222,200)
K09(176,206) K10(140,246) K11(104,204) K12(66,186)
K13(48,148) K14(54,100)
I01(128,92) I02(186,76) I03(238,96) I04(206,128)
I05(152,132) I06(98,128) I07(110,168) I08(166,168)
I09(238,148)
Fabian Parusel
Tolle Logoidee — darf ich ein bisschen weiterspielen?
Die Maschine hat die Logoidee korrekt verstanden und auf dieser Basis saubere SVGs erstellt. Was gefällt Euch, was nicht? Die Animation, das Rot und alle weiteren Teile sind nur Ideen, basierend auf meiner ersten Einschätzung. Viel Erfolg mit Neura Legal.

Liebe Grüße,
Fabian
Feedback geben
fabian@pr0sint.de