Brand
Rigel brand identity
Everything that makes Rigel recognisable: logo, colours, type and graphic language. Free to use for Rigel projects.
01
The idea
A star that is far away but clear to everyone, surrounded by an orbit and a network node: clarity, community and the digital products we build.
- The star — one clear focal point
- Neural network — people and ideas connected
- Galaxy — depth, calm, the long road behind a solution
- Digital grid — the products we build
02
Logo
Logo rules
- Keep clear space of ¼ of the mark around the logo.
- Minimum: mark 24 px, logo 120 px wide. Smaller: use the symbol.
- Never recolour, stretch, rotate, outline or add effects.
- Always use the SVG files — the text is already outlined.
03
Colour
Dark space, one bright star. Tap a colour to copy its value.
Gradients
Rigel Beam · 135deg #BFE0FF → #6FB1FF → #8A7BFF
Signal · 90deg #36E2F0 → #6FB1FF
04
Typography
Cairo · 400 — 800
نبسّط ما يبدو معقّداً
We make the complex feel simple.
Cairo — the only text font, for Arabic and Latin. 400 body · 600 labels · 700 titles · 800 headlines.
JetBrains Mono · 400 / 500
RA 05h 14m 32s
// rigelstudio.de · v1.0.0 · 850 ly
JetBrains Mono — digital accent for labels, numbers and data. Latin only, uppercase, wide tracking.
05
Voice
Clear · warm · confident. Short sentences, one idea each. We talk about what people can now do, not about how hard it was.
07
Use it in your projects
Design tokens as CSS variables, JSON and a Tailwind preset — the same values this website uses.
/* 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>