Marke
Rigel Markenidentität
Alles, was Rigel erkennbar macht: Logo, Farben, Schrift und Bildsprache. Für Rigel-Projekte frei nutzbar.
01
Die Idee
Ein Stern, weit entfernt und doch für alle klar, umgeben von einer Umlaufbahn und einem Netzwerkknoten: Klarheit, Gemeinschaft und die digitalen Produkte, die wir bauen.
- Der Stern — ein klarer Fokuspunkt
- Neuronales Netz — verbundene Menschen und Ideen
- Galaxie — Tiefe, Ruhe, der lange Weg hinter einer Lösung
- Digitales Raster — die Produkte, die wir bauen
02
Logo
Logo-Regeln
- Schutzraum von ¼ der Bildmarke rund um das Logo einhalten.
- Minimum: Bildmarke 24 px, Logo 120 px breit. Kleiner: Symbol verwenden.
- Nie umfärben, verzerren, drehen, konturieren oder Effekte hinzufügen.
- Immer die SVG-Dateien verwenden — die Schrift ist bereits in Pfade umgewandelt.
03
Farben
Dunkler Raum, ein heller Stern. Tippe auf eine Farbe, um den Wert zu kopieren.
Verläufe
Rigel Beam · 135deg #BFE0FF → #6FB1FF → #8A7BFF
Signal · 90deg #36E2F0 → #6FB1FF
04
Typografie
Cairo · 400 — 800
نبسّط ما يبدو معقّداً
We make the complex feel simple.
Cairo — die einzige Textschrift, für Arabisch und Latein. 400 Text · 600 Labels · 700 Titel · 800 Headlines.
JetBrains Mono · 400 / 500
RA 05h 14m 32s
// rigelstudio.de · v1.0.0 · 850 ly
JetBrains Mono — digitaler Akzent für Labels, Zahlen und Daten. Nur Latein, Großbuchstaben, weite Laufweite.
05
Tonalität
Klar · warm · selbstbewusst. Kurze Sätze, je ein Gedanke. Wir sprechen darüber, was Menschen jetzt tun können, nicht darüber, wie schwer es war.
07
In eigenen Projekten nutzen
Design-Tokens als CSS-Variablen, JSON und Tailwind-Preset — dieselben Werte wie diese Website.
/* globals.css */
@import './rigel/rigel-tokens.css';
/* tailwind.config.js */
module.exports = { presets: [require('./rigel/tailwind-preset.js')] };
<button class="bg-accent text-bg rounded-full">Rigel</button>