Marke NODQ

Markenauftritt, Designsystem und Materialien zur Verwendung.

MarkenleitfadenAktualisiert am 9. Oktober 2026

NODQ

Präzise GeometrieQuadratische Kontur, Fasen, gleichmäßige Abstände.

Warmer AkzentOrange nimmt nur einen kleinen Bildschirmanteil ein, ausschließlich für das Wesentliche.

Verständliche BewegungEine Aktion — eine kurze Änderung.

Markencharakter

Technische Präzision, ruhige Oberflächen und ein warmer Akzent. Unten stehen beobachtbare Stilprinzipien, keine Deutung des Zeichens.

GeometrieEin abgerundeter quadratischer Umriss — ein Raum und eine Zugriffsgrenze.

MaterialienMattes Graphit und eine bernsteinfarbene Kante.

TypografieEin großes, klares Wort mit zurückhaltender Erläuterung.

BewegungUrsache → Änderung → Ergebnis.

Logo

Aktuelle Website-Komposition: Zeichen und Schriftzug NODQ. Die genehmigte Vektorvorlage ist noch nicht veröffentlicht, daher steht das Logo nicht zum Download bereit.

NODQ

Hauptkomposition · Zeichen + NODQ

Zeichen · Status als eigenständiges Element nicht genehmigt

Kleine Größen · 32 / 24 / 16 px — Prüfung der Lesbarkeit

Das Schachbrett ist nur Vorschauhintergrund. Einfarbige Versionen und Favicon werden nicht gezeigt: Quelldateien fehlen.

SchutzraumVorschlag, kein gültiger Standard: x = ¼ der Zeichenhöhe, Freiraum ≥ 1x auf allen Seiten.

MindestgrößePrüfkandidaten: Komposition ab 120 px Breite, Zeichen ab 24 px. Das Favicon in 16/32/48 px ist ein separates Element und muss geprüft werden.Vorschlag · Genehmigung erforderlich

So nicht

✕ Nicht strecken

✕ Nicht drehen

✕ Farben nicht ändern

✕ Keine fremden Schatten

Das räumliche Objekt der Startseite ist ein dekoratives Element; wo ein reproduzierbares Zeichen nötig ist, wird das flache Logo verwendet.

Farben

Die Werte entsprechen den Website-Tokens und den Dateien nodq-tokens.css / .json.

NODQ-Orange Hauptakzent und CTA #F7931A · RGB 247, 147, 26

Tiefer Hintergrund Dunkler Hintergrund #0A0C0B · RGB 10, 12, 11

Graphite Panels #151917 · RGB 21, 25, 23

Angehobenes Graphit Verschachtelte Oberflächen #202622 · RGB 32, 38, 34

Warmes Weiß Heller Hintergrund / Text auf Dunkel #F5F4F0 · RGB 245, 244, 240

Ink Dunkler Text und Schriftzug auf Orange #121613 · RGB 18, 22, 19

CTA beim Darüberfahren#FFAA33

Gedrückter CTA#E3810C

Glanzlicht (Grafik)#FFBD59

Schattenfläche (Grafik)#D96800

Sekundärtext · dunkel#B6BCB7

Sekundärtext · helles Design#59625B

Link · hell#9A4A00

Erfolg#8DD6AB / #166B40

Warnung#FFD08A / #875000

Fehler#FF9B92 / #B7342A

Akzent / ausgewählt✓ Erfolg! Warnung✕ Fehler Fließtext · sekundär · Link Tastaturfokus

Kontrastpaare: #121613 auf #F7931A ≈ 7,95:1 · #F5F4F0 auf #0A0C0B ≈ 17,8:1 · #9A4A00 auf #F5F4F0 ≈ 5,7:1. Kleine weiße Schrift auf Orange wird nicht verwendet. CMYK/Pantone sind nicht veröffentlicht.

Typografie

Onest 400/500/600/700 und JetBrains Mono für Adressen und Signaturen. Die Werte entsprechen den tatsächlichen Website-Stilen.

Aa Bb 0123Onest · 400 / 500 / 600 / 700 · Kyrillisch und LateinischNormalMittelHalbfettFett

Eigener Text

H1clamp(34px, 4.4vw, 58px) · 700 · 1.05 · -0.035em Люди. Агенты. Одна сеть.

H2clamp(26px, 2.8vw, 38px) · 600 · 1.12 · -0.025em Правила для расходов агента

Lead17–20px · 500 · 1.4 · -0.01em Сеть для приложений, AI-сервисов и расчётов.

Body16–17px · 400 · 1.6 · 0 Агент работает в пределах бюджета, получателей и срока.

Caption13–14px · 400 · 1.45 · 0 Демонстрация · данные-образцы

Beschriftung (Mono)11px · 400 · 1.3 · 0.08em Заказ #A-1042

Code / Adresse13–14px · 400 · 1.5 · 0 0x3f2c…a91e · 40,8021 NODQ

Raster und Maße

Raster am Beispiel anzeigen

AbschnittAbschnittsüberschriftDie Textbreite beträgt 60–75 Zeichen pro Zeile.

Containermax-width 1360px

Seitenränderclamp(20px, 4.5vw, 72px)

Abschnittsabstandclamp(48px, 6vw, 104px)

Rasterabstände8 · 12 · 16 · 20 · 24 · 32 px

RadienFelder 8 · Schaltflächen 10 · Karten 12–16 · Labels 999

Linien1 px Trennlinie · 1.5 px Diagramme

Fokus2 px Kontur + Leuchtschein

Schattennur Produktmenüs und Dialogfenster

Komponenten

Statische Zustandsbeispiele und ein lokales Formularbeispiel — es wird keine Anfrage gesendet.

Schaltflächen

Primär Darüberfahren Gedrückt Sekundär Nicht verfügbar

Registerkarten und Labels

AusgewähltNormal

DemonstrationIn PlanungDokument wird vorbereitetVerfügbar

Feld und Fehler E-MailHinweis unter dem Feld

Symbole und Grafiken

Lucide-Liniensymbole mit 1.5–2 px auf einem Raster von 16 / 20 / 24 px und eine gemeinsame visuelle Produktsprache.

file-textreceiptmessages-squareusersfoldersearchplugflag

Linien-, Flächen- und räumliche Symbolsets nicht mischen.

Raum

Agent

Befugnis

Abrechnung

Bewegung

Ein Beispiel nach dem anderen. Kurve cubic-bezier(0.2, 0.8, 0.2, 1). Bei aktivierter Systemeinstellung „Bewegung reduzieren“ wird das Endbild gezeigt.

Schaltfläche / Registerkarte 180 ms · Darüberfahren, Auswahl

Zustandswechsel 350 ms · neuer Status

Markenroute 1000 ms · eine Aktion

Kein Regenbogen-Branding, eigener Mauszeiger, erzwungenes Scrollverhalten, buchstabenweises Tippen von Überschriften oder Animation zufälliger Beträge.

Anwendungsbeispiele

Dieselben Regeln auf den tatsächlichen Website-Seiten.

Erster Bildschirm der Website →Dunkle Szene, Markenobjekt, orangefarbener CTA Agent Wallet öffnen →Regelprüfung, semantische Zustände Arbeitsraum IZIGRAM →Helles Dokument, ausgewählter Zugriffsbereich

Präsentationscover, Ankündigungskarte und gemeinsame Platzierung mit einem Partner werden nicht gezeigt: Es gibt keine freigegebenen Materialien.

Materialien herunterladen

Nur vorhandene Dateien werden veröffentlicht. Ein vollständiges ZIP-Paket ist noch nicht zusammengestellt.

Tokens · CSSFarben, Schriften, Container, Bewegungskurve · CSS · Text · 9. Okt. 2026Herunterladen

Tokens · JSONDerselbe Wertesatz für Anwendungen · JSON · Text · 9. Okt. 2026Herunterladen

Kurze RegelnInhalt und Verwendung · TXT · Text · 9. Okt. 2026Herunterladen

SVG-LogoKeine genehmigte QuelldateiDokument wird vorbereitet

PNG-Logo (hell / dunkel)Keine genehmigte QuelldateiDokument wird vorbereitet

Markenpaket als ZIPKeine genehmigte QuelldateiDokument wird vorbereitet

Version und Rückmeldungen

v0.19. Okt. 2026 · erste Veröffentlichung des Leitfadens: Farbpalette, Typografie, Komponenten und Tokens. Entwurf.

Frage zur MarkennutzungÜber die Seite „Kontakt“