Brand Guidelines

Die Referenz für jeden SIGNEX-Touchpoint.

Automation beginnt mit Architektur.

Eine Quelle für Logo, Farben, Typografie und Stimme. Wer einen Post, eine Seite, ein Dokument oder ein Angebot baut, prüft es hier gegen, bevor es rausgeht. Das X in SIGNEX ist Esteban: der Faktor, der den Unterschied macht.

Stand 2026-06-19 Style-Anker: V20 Production Light-Mode signex.ch
02
Farben

Slate-Neutralen plus ein einziger Akzent: Pine. Zurückhaltung ist die Regel, Grün setzt den Punkt, nie dekorativ.

bg
#f7f7f6
Seiten-Hintergrund
paper
#fefefd
Karten, Flächen
surface
#eeeeec
Abgesetzte Zonen
ink
#0a0a0a
Headlines
body
#1f1f1f
Fliesstext
muted
#777777
Sekundärtext
pine
#15803d
UI-Akzent (CTA, Links)
pine-deep
#0f5e2c
Hover, Tiefe
pine-tint
#dcf3e3
Sanfte Akzentfläche
rule
#dddddc
Linien, Trenner
Zwei Grün, bewusst getrennt.
Die Logo-Raute ist #009933 (kräftiger), der UI-Akzent ist Pine #15803d (ruhiger, kontraststärker auf Hell). Im Interface immer Pine, im Logo bleibt die Raute #009933. Nicht vermischen.
03
Typografie
Logo-Schrift: Venera 900 (Lost Type Co-op) · NUR Wortmarke · nie für UI, Headlines oder Body
SIGNEX in Venera 900
Headline: Red Hat Display · Weight 900 · letter-spacing -0.025em · -webkit-text-stroke 0.4px
Klarheit schlägt Effekt.
Body: Inter · 400–600 · line-height 1.65

Der Text studiert das Geschäftsproblem, nicht die Oberfläche. Konkrete Stunden, eine Branche, ein Ort tragen das Argument. Keine Buzzwords, keine Versprechen, kein Hype.

Mono: JetBrains Mono · 400–500 · Zahlen, Code, technische Werte

240h × CHF 140 · #15803d · v=spf1 include:_spf.google.com

2xl4rem xl3.2rem lg2.2rem md1.25rem base1rem · body sm0.875rem
04
Stimme — lebt im Vault
Direkt. Ruhig. Gehoben-präzise.Nie wie eine Agentur. Sie-Form. Schweizer Deutsch. Empathie zuerst, Diagnose danach.

Das ist der Ton in zwei Zeilen, mehr nicht. Die verbindliche Stimm-Quelle (Eckpunkte, Anker, Anti-Pattern) ist Vault/15_SIGNEX/Identität/SIGNEX - Voice.md. Diese Seite dupliziert sie bewusst nicht — eine Quelle, kein Drift.

05
System & Atmosphäre
Abstände
xs · 0.5rem
sm · 1rem
md · 2rem
lg · 4rem
xl · 8rem
radius 4px max-width 1320px line-height 1.65
Komponenten
Section-Label

48px-Pine-Linie, dann 13px Red Hat Display, getrackt und in Versalien. Das wiederkehrende Gliederungs-Signal.

Diagnose anfragen Angebot ansehen

Markierter Text färbt sich Pine auf Paper. Trenner zwischen Sektionen in rule. Ruhe, viel Weissraum, ein Fokuspunkt pro Fläche.