Batteriepass 2027
Geist
Headlines, buttons, figures
- Weights
- 400 · 500 · 600 · 700
- Licence
- SIL Open Font License 1.1
- Source
- Google Fonts
"Geist", "Hanken Grotesk", system-ui, sans-serifBrand, logos and partner badges
How Batteriepasswerk looks, sounds and gets embedded by others. Every file, colour value and code snippet on this page is yours to use without asking, as long as you follow the rules below.
Logo
The mark is a battery passport: the cell body with its contact tab, the data fields inside it as a grid. Two fields sit in amber - the values the passport makes public. Wordmark and symbol exist on their own and as a lockup.
The default. Symbol plus wordmark on light surfaces - web, documents, slides.
SVGPNG
The same spacing on graphite or photography. The tile drops away and the mark stands free in white.
SVGPNG
Where the name is already obvious: app icon, avatar, favicon, tile in a partner list.
SVGPNG
For embossing, stamps, fax quality and anything limited to a single ink.
SVG
The same drawing for dark surfaces.
SVGClear space and minimum sizes
Keep one tile unit of empty space around the logo. A tile unit is a quarter of the symbol's height. Nothing enters that space: no text, no rule, no second logo.
Smallest permitted size
- Symbol, screen
- 24 px high
- Symbol, print
- 8 mm high
- Lockup, screen
- 120 px wide
- Lockup, print
- 32 mm wide
- On photography use the one-colour light version only, and only over calm, dark areas of the image.
- Never place it on patterns or gradients where contrast shifts underneath it.
- Next to other logos, match optical height rather than file dimensions.
What not to do with the logo
The examples below are really rendered - this is what it looks like when it goes wrong. Please do not reproduce them.
Colours
Graphite carries, amber leads. The accent marks exactly one thing per surface - the action that matters. Used decoratively, it stops meaning anything.
Base
Graphite for text and dark surfaces, paper for the ground. Warm neutrals: no pure black, no pure white in body copy.
Amber
The accent. In the product it is an OKLCH token so modern displays use the full gamut; in files and print it is a fixed hex value.
Status
For data states only: complete, in review, critical, pending. Never as a design colour.
One accent per view
Exactly one element per screen carries amber. Two equally strong accents cancel each other out.
Contrast before colour
Text on amber is graphite, not white. White on amber does not reach the 4.5:1 WCAG requires.
Status stays status
Green, yellow, red and blue always mean a data state in our interfaces. They are not a second brand colour.
Only four values on dark
On graphite the legal text colours are white, #F5F3EE, #D8D4CB and amber. Mid greys disappear.
Typography
Two families plus a monospace. Geist sets headlines and controls, Hanken Grotesk sets body copy, Geist Mono handles anything technical: identifiers, keys, GTINs, code samples. Both families are published under the SIL Open Font License and can be embedded freely.
Jede Zelle mit eigener Identität
Hanken Grotesk
Body copy, labels
- Weights
- 400 · 500 · 600 · 700
- Licence
- SIL Open Font License 1.1
- Source
- Google Fonts
"Hanken Grotesk", system-ui, sans-serifGTIN 04012345678905
Geist Mono
Identifiers, code, eyebrows
- Weights
- 400 · 500
- Licence
- SIL Open Font License 1.1
- Source
- Google Fonts
"Geist Mono", ui-monospace, "SFMono-Regular", monospaceType scale
| Role | Class | Size | Font |
|---|---|---|---|
| Page title | .h1 | clamp(2.4rem, 5.2vw, 4.1rem) | Geist 600 |
| Section title | .h2 | clamp(1.9rem, 3.6vw, 2.9rem) | Geist 600 |
| Card and block title | .h3 | clamp(1.25rem, 1.8vw, 1.55rem) | Geist 600 |
| Standfirst | .lede | clamp(1.06rem, 1.5vw, 1.28rem) | Hanken Grotesk 400 |
| Body copy | body | 17px | Hanken Grotesk 400 |
| Kicker above the title | .eyebrow | 0.72rem · 0.14em | Geist Mono 500 |
Sizes are fluid (clamp): the first value applies on a phone, the last one on large screens. Use fixed pixel values only where a surface really is fixed.
Name and language
The name is one word, one colour, no internal capitals. It is never translated and never split in any language - including Chinese, where the rest of the site is localised.
CorrectBatteriepasswerk
Wrong
- BatteriePassWerk
- Batteriepass-Werk
- Batteriepass Werk
- BATTERIEPASSWERK
One word, capital only at the start. All caps only when the whole line is set in caps.
CorrectBatteriepasswerk (a brand of Muradyan GbR)
Wrong
- Batteriepasswerk GmbH
- Batteriepasswerk AG
Batteriepasswerk is a brand, not a legal entity. The entity is Muradyan GbR, Hamburg.
Correctthe battery passport from Batteriepasswerk
Wrong
- a Batteriepasswerk
- the Batteriepasswerk
The name takes no article and does not become a generic term.
CorrectBattery passport software by Batteriepasswerk
Wrong
- Battery Passport Factory
- 电池护照工厂
No translation, no transliteration. The wording around it may of course be in any language.
Tone of voice
Precise, not loud
We describe what the product does and name deadlines and articles of law. We do not need superlatives.
Never legal advice
Every statement about the regulation carries the line: not legal advice, the regulation text is binding. Please keep it when you quote us.
No implied certification
Neither we nor you may suggest that Batteriepasswerk certifies or approves a product. We publish passports; we do not assess conformity.
Partner badges
Three badges for your own site: for customers, for confirmed partners, and for product pages with a live digital battery passport. Pick variant, background and language - preview and code follow along.
Background
Language
Embed it
Copy, paste, done. The badge is served from our domain, so it stays current when we refine it. Please keep width and height - without them your layout jumps while the image loads.
<a href="https://www.batteriepasswerk.com/en" rel="noopener">
<img src="https://www.batteriepasswerk.com/brand/badge-powered-en-light.svg"
alt="Powered by Batteriepasswerk"
width="197" height="48" loading="lazy">
</a>Badge rules
- 01The badge links to batteriepasswerk.com and nowhere else.
- 02Scale proportionally only, and never below 160 px wide.
- 03Colours, wording and arrangement stay as they are - there is no custom badge variant.
- 04Do not place the badge where it reads as a test mark or seal of approval.
- 05If the partnership ends, remove the partner badge within 30 days.
Product imagery and screenshots
You may use dashboard screenshots in reports, talks and press articles.
No real customer data
Show your own data or sample data. Third-party company names, serial numbers and suppliers must not be legible.
Do not rebuild the interface
Crop and scale as you like. Compositing several screens into a feature that does not exist is not fine.
State the date
The interface changes. A date on the image saves everyone the question of which version it came from.
Press images on request
For print we supply the symbol and lockup at high resolution plus cleared product views.
Terms of use
The brand, logo and badges belong to Muradyan GbR. You may use the files on this page free of charge and without separate approval, within the scope described here. This permission is revocable at any time and transfers no rights in the trade mark.
Allowed without asking
- You are a customer and use the badge to show that your passports run on Batteriepasswerk.
- You are a confirmed partner and use the partner badge while the agreement is in force.
- You name us in a tender, a report or a presentation.
- You report editorially and use the logo or screenshots in the article.
- You present your integration and show our logo alongside yours.
Not allowed
- The logo inside your own logo, wordmark, domain name or app icon.
- Any presentation implying certification, testing or endorsement by us.
- The partner badge without an existing partnership.
- Selling or redistributing the files, including as part of a template or icon pack.
- Modified logos, custom badge variants, re-typeset wordmarks.
- Use in a context that is unlawful or disparaging, or that claims a relationship with us that does not exist.
Legal framing
“Batteriepasswerk” is a trade mark of Muradyan GbR, Irma-Keilhack-Ring 25, 22145 Hamburg, Germany. This guideline is not a contract and grants no licence beyond the scope described. When in doubt, just ask - we answer quickly and almost always with yes.
Questions, approvals, edge cases: info@batteriepasswerk.com · Imprint
Download the brand kit
One archive with everything on this page: logos in SVG and PNG, all eighteen badges, the colour values and a short version of the rules as a text file.
- Symbol in colour and one-colour, SVG and PNG
- Lockup light and dark, SVG and PNG @2x
- 18 badges: 3 variants × 3 languages × light and dark
- README with colour values, fonts and rules
Font files are not included - download Geist and Hanken Grotesk from Google Fonts under the Open Font License.
Press and special formats
Need a vector file for a trade-fair banner, a print resolution, or clearance for an edge case? One short email is enough.
info@batteriepasswerk.comMay I show the Batteriepasswerk logo on my website?
Yes. Customers, confirmed partners and the press may use the logo and badges without separate approval, as long as they stay unmodified and do not imply certification or endorsement. Every file is in the brand kit on this page.
How do I embed the partner badge?
Copy the HTML snippet from the partner badges section. It loads the SVG from batteriepasswerk.com, sets width and height against layout shift, and links to our home page. The same embed is available for React and Markdown on separate tabs. The partner badge itself is reserved for confirmed partners; everyone else uses the “powered by” badge.
Which colours and fonts does Batteriepasswerk use?
Graphite #0E1116 as the base, amber #DD8A3D as the accent, on warm paper white #FAFAF8. On the web the accent is set as an OKLCH token; in files and print it is a fixed hex value. Type is Geist for headlines, Hanken Grotesk for body copy and Geist Mono for identifiers and code - all three under the SIL Open Font License 1.1.
May I modify, recolour or incorporate the logo into my own?
No. The symbol and wordmark keep their shape, colour and proportions. Building it into another logo, wordmark, domain name or app icon is out of scope. If none of the supplied variants fits your case, write to us.
How is the name written correctly?
Batteriepasswerk: one word, only the first letter capitalised, no hyphen, no internal capitals. The name is never translated. The legal entity is Muradyan GbR in Hamburg - there is no “Batteriepasswerk GmbH”.