TSPM
00 — WillkommenWelcome

So zeigt sich TSPM in der Welt.This is how TSPM shows up in the world.

Zwei Ströme, eine Marke: die Wärme von zwei Generationen Handwerk und die Energie eines Hotel-Tech-Startups. Wir nennen es «Strom & Stamm» — und dieses Kit zeigt, wie beides zusammen aussieht, klingt und sich bewegt.Two currents, one brand: the warmth of two generations of craft and the energy of a hotel-tech startup. We call it "Strom & Stamm" — current & trunk — and this kit shows how the two look, sound and move together.

STROM
& STAMM
01

Logo

TSPMVolles Logo — primärFull logo — primary
TSPMWortmarkeLogotype
Icon
App Icon · Favicon
TSPMInk / White
TSPMWhite / Ink
TSPMWhite / Aurora
TSPMHell / Enzian
TSPMGlut / Tanne
TSPMBraun / Leinen — technischtechnical

Nicht verzerren oder stauchen.Don't distort or squash.

Keine Schatten, Kanten oder Effekte.No shadows, outlines or effects.

Keine Farben ausserhalb der Palette.No colors outside the palette.

Nicht drehen. Nie. Auch nicht ein bisschen.Don't rotate it. Ever. Not even a little.

02

FarbeColor

Enzian

HEX #2E4BFF
RGB 46 75 255
Primär · AktionPrimary · Action

Aurora

Verlauf · animiertGradient · animated
Enzian → Violett → Koralle → Glut
Nie über dem LogoNever over the logo

Leinen

HEX #FAF7F0
RGB 250 247 240
GrundflächeBase surface

Nachtschicht

HEX #101215
RGB 16 18 21
Text · DunkelflächenText · dark surfaces
SekundärSecondary

Violett

#7B3BFF

Koralle

#FF5347

Glut

#FFB01F

Tanne

#12291F
NeutralNeutrals

Leinen 1.0

#F1ECE1

Leinen 2.0

#E9E2D2

Stein

#A09B93

Weiss

#FFFFFF
03

TypografieTypography

Display — Space GroteskHero & Titelzeilensection headlines
400–700 · −2% LS · 95% LH
Technik, die Gastfreundschaft kann.
Serif-Akzent — Instrument SerifNur kursiv · HerkunftsmomenteItalic only · heritage moments
…und Handwerk, das Technik versteht.
Body / UI — Inter15–17px · 140% LH
Regular · Medium
Wir schreiben kurz, warm und sicher. Keine Fachwörter, wo ein einfaches Wort reicht. Und nie zwei Sätze, wo einer genügt.
Mono / Labels — IBM Plex Mono10–12px · +5% LS · immer Versalienalways uppercase
EYEBROWS · DATEN · CAPTIONS — ZH-412 · 21:42 · OK
Hero — 64–96px · 500Alles im Griff.
Section — 40–56px · 500Ein Hotel nach dem anderen.
Body — 15–17px · 400Von kleineren Wartungs- und Reparaturarbeiten bis hin zu komplexen Integraltests.
Label — 12px mono · +5%TSPM · TECHNICAL SERVICE PARTNER
04

Stimme & TonVoice & Tone

Tagline«Alles im Griff.»
Kampagnen-AbschlussCampaign sign-off«Läuft. Einfach.»"It just runs."
Produkt-VersprechenProduct pitch«Technik, die Gastfreundschaft kann.»"Technology with hospitality manners."
Intern · KulturInternal · culture«Strom & Stamm»

DirektDirect

Kurze Sätze. Klare Worte. Kein Jargon — der Heizungsraum ist kompliziert genug.Short sentences. Plain words. No jargon — the boiler room is complicated enough.

WarmWarm

Wir sind Gastgeber unter Gastgebern. Man darf es lesen und hören.We're hosts among hosts. It should read and sound that way.

SicherConfident

Wir versprechen nur, was wir halten — und halten, was Generationen versprochen haben.We only promise what we deliver — and deliver what generations have promised.

NeugierigCurious

Neue Technik ist für uns kein Risiko, sondern ein Werkzeugkasten, der grösser wird.New technology isn't a risk to us — it's a toolbox that keeps growing.

05

FotografiePhotography

HäuserHousesHotels zur blauen Stunde, Charakter statt KlischeeHotels at blue hour, character over cliché
InterieursInteriorsNatürliches Licht, warme Töne, gelebter KomfortNatural light, warm tones, lived-in comfort
MenschenPeopleEchte Arbeit, echte Hände — nie gestelltReal work, real hands — never posed
HandwerkCraftWerkzeug, Material, Maserung — der StammTools, material, grain — the trunk
ElementarElementalLicht, Strom, Signal — die Energie im BildLight, current, signal — energy made visible
06

Motion

ENERGIE IN BEWEGUNG

VollflächigFull-bleed

Der Aurora-Verlauf trägt Hero-Momente. Typografie und Markenelemente liegen darüber — das Logo nie.The aurora gradient carries hero moments. Type and brand elements sit on top — the logo never does.

Im RasterIn the grid

Skaliert oder angeschnitten als Akzent über Bildern und Videos — nie als Dekoration ohne Aufgabe.Scaled or cropped as an accent over images and video — never as decoration without a job.

07

KomponentenComponents

Buttons — 50px · 0 24px · 4px Radius · Inter Medium 14 · 100ms ease-out
Terminal — Live-Ops-Komponente (Glas, Mono, Echtzeit)
TSPM · LIVE OPS
21:42:11 ZH-MARRIOTT · Zimmer 214 · TV neu provisioniert
21:44:03 GE-MÖVENPICK · WLAN-AP 3F ersetzt · 4 min Unterbruch
21:47:56 BS-HOTEL · Lüftung Küche · Pikett unterwegs (ETA 22 min)
--color-enzian: #2E4BFF;  --color-leinen: #FAF7F0;  --color-nachtschicht: #101215;
--color-violett: #7B3BFF;  --color-koralle: #FF5347;  --color-glut: #FFB01F;  --color-tanne: #12291F;
--font-display: 'Space Grotesk';  --font-body: 'Inter';  --font-mono: 'IBM Plex Mono';  --font-serif: 'Instrument Serif';
--radius: 2 / 4 / 6 / 16px;  --ease-default: cubic-bezier(.4,0,.2,1);  --ease-expo: cubic-bezier(.16,1.08,.38,.98);