meinGPT Branding & Brand Guidelines
Logos, brand colours, typography, and the rules around them — so our brand looks consistent everywhere. All assets are free to download.
The logo
The logo and the logo mark are the heart of our identity. Always use the original files (SVG), scale proportionally, and never change their colours or proportions. The signature blue gradient is part of it.
Clear space & minimum size
Always keep clear space around the logo equal to at least the height of the logo mark. Never use the mark smaller than 24 px (digital) or 8 mm (print).
Do
- Use the original files (SVG)
- Keep proportions when scaling
- Ensure enough contrast with the background
- Use the white variant on dark surfaces and photos
Don't
- Distort, rotate, or recolour the logo
- Add your own effects, shadows, or outlines
- Place it on a busy background without contrast
- Rearrange the mark and the wordmark
Brand colours
Brand Blue is our lead colour, the blue-to-cyan gradient our signature. Neutrals carry the surface. Click a colour to copy its hex value.
Brand colours
Brand Blue for CTAs, links, and focus. Sky and Cyan as lighter accents and for the gradient. Blue Tint for calm surfaces, Black and White as the base.
Signature gradient
Our signature blue-to-cyan gradient — it lives in the logo mark and sets accents. Click copies the CSS gradient.
Neutrals & grays
The functional UI scale: Ink as the text colour, the gray scale for depth, borders, and muted text.
Click copies the hex value to your clipboard.
Gradient system
Beyond the brand colours we use a consistent gradient system — three stops each, animated as a "Grainient" background or as a calm surface glow. It gives every product category its own brand note.
Try it live
This is the animated "Grainient" background. Pick a gradient and copy the ready-made component configuration.
Category gradients
They all share the same blue pair (#2563EB → #07477E); only the first stop (the "pop") varies per category.
App gradients
The apps carry their own colour pair — Meetings, Translator, Research, and Learning stay distinguishable.
Click copies the CSS gradient to your clipboard.
Type
Neue Montreal is our primary typeface for all headings and body copy. We use Fragment Mono for eyebrows, labels, and technical accents.
Primary typeface — headings & body
Aa
Accent typeface — eyebrows, labels, code
Aa
Note: the "meinGPT" wordmark in the logo is set in Satoshi Bold and already baked into the logo files — there is no need to recreate it.
Name & spelling
Correct spelling is part of the brand. Please use it consistently:
Always "meinGPT" — lowercase "mein", uppercase "GPT". Never "MeinGPT", "Mein GPT", or "meingpt".
The operator of meinGPT. "SelectCode" in running text, "SelectCode GmbH" in legal contexts.
Clear, competent, approachable. No hype, no superlatives — concrete, verifiable statements.
Need something else?
Need a specific format, high-resolution files, or sign-off for a publication? Just reach out — we'll help quickly.
Contact the brand teamStart with AI in your company
Together we find the right use cases, connect your systems, and bring AI into daily work—aligned with your business.