Logo

    Overview

    When to use

    The logo consists of the signet, the flag and the claim. It must be set on a white background and has to have a whitespace of one-half of a capital letter in the word SONAX (signet) around. The minimal width is 97px, otherwise the claim "Made in germany" is not readable on none-retina-displays.

    When to consider an alternative

    t.b.d.


    Component

    The following formula will calculate the whitespace automaticly in CSS. Just copy it in your CSS and set the padding or margin for the logo with the variable "var(--logo-save-area)":

    --logo-save-area: calc(( ((var(--logo-width) / 20 7) 56.45 / 100 ) * .75));
    

    Default

    1024px
    375px768px1400px

    Properties

    PropertyTypeRequiredDefault
    utilClassNamesStringfalse-