Brand guidelines · v1.0
The diagnos brand
Our brand is modern and forward-looking, built for the digital world. Everything you need is here: logo files, colours, typography and usage rules.
Our logo
.svg .png 
| Measure | Formula | Value |
|---|---|---|
| R | chosen | 12.800 |
| t | R / φ³ | 3.022 |
| h₁ | R − t | 9.778 |
| r₂ | R / φ | 7.911 |
| h₂ | R / φ² | 4.889 |
| p | R / φ³ | 3.022 |
| c | R − r₂ | 4.889 |
| d | 2R / φ⁵ | 2.308 |
| b | R / φ⁷ | 0.441 |
Logo concept
The mark is a constructed eye — and each of its three elements carries one of the product's three promises.
It isn't a drawn eye. It's the eye left over once the geometry was done: two tangent circles and the pupil they enclose. That's why it seems to observe without seeming to watch over you.
-
Imaging — the outer circle
The frame. It is the whole field of the study, the boundary within which everything happens.
-
Security — the inner circle
The second layer. It stands for the multiple layers of security protecting data on the platform.
-
Technology — the pupil
The finding. The only solid element and the only off-centre one — it looks, and looking is a decision.
Scale and clear space
Minimum size
16 px on screen · 6 mm in print.
Clear space
Keep 10% of the symbol's height clear on all four sides. No text, image or border may enter that margin.
- HeightClear space
- 16 px 2 px
- 24 px 2 px
- 32 px 3 px
- 48 px 5 px
- 64 px 6 px
- 96 px 10 px
The files on this page already ship with the clear space applied — use one of them uncropped and the rule is met.
Our colours
#2DD4BF#38BDF8#9D43F7 84° #2DD4BF RGB 45 212 191 CMYK 79 0 10 17 #38BDF8 RGB 56 189 248 CMYK 77 24 0 3 #9D43F7 RGB 157 67 247 CMYK 36 73 0 3 #C084FC RGB 192 132 252 CMYK 24 48 0 1 #020306 RGB 2 3 6 CMYK 67 50 0 98 #475569 RGB 71 85 105 CMYK 32 19 0 59 #F8FAFC RGB 248 250 252 CMYK 2 1 0 1 #FFFFFF RGB 255 255 255 CMYK 0 0 0 0 Our typography
Display · headings and the signature
Inventive without being loud. A grotesque with quick joins and flat-cut terminals. Its character lives in the construction, never in ornament.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & @ % — “”
Variable 200–800 · tracking −0.02 em in headings, −0.04 em in display
Text · body copy and interface
Drawn to rest the eye. Open apertures and unambiguous shapes cut the effort of long reading. That is a report read at the end of a shift.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 & @ % — “”
Variable 100–900 · line height 1.6 in body copy
No third family. Where neither is available, fall back to the system stack (system-ui) — an approximate grotesque fools the eye and throws the brand out of alignment.
Using the brand
You may
- Use the mark to say that you integrate with diagnos or that you use the platform.
- Download the files on this page and apply them unmodified, honouring the clear space and minimum size.
- Write diagnos in running text — always lowercase, including at the start of a sentence and in headings.
- Reproduce it in a single ink when the process cannot carry a gradient.
You may not
- Use the mark — or anything confusable with it — in the name of your product, company, domain or account.
- Imply a partnership, sponsorship or endorsement that does not exist.
- Write Diagnos, DIAGNOS, or translate the name.
- Alter the artwork: colour, proportion, rotation, outline, effect or rearrangement of the elements.
- Apply it to physical merchandise for sale without written permission.
What not to do
Questions? [email protected]