Logo
Nya logotypen
Implementeringen av nya logotypen sker först externt.
Sidhuvud i externa tjänster
När logotypen används i sidhuvudet i externa tjänster gäller följande riktlinjer för den nya logotypen. Använd länkarna för att ladda ner logotypen i .svg-format.
| Brytpunkt | Höjd sidhuvud (px) | Bredd logotyp (px) | Padding vänster (px) | Variant | Länk |
|---|---|---|---|---|---|
| < 374px | 92 | 28 | 16 | Vapen | Ladda ner vapen |
| 375–767px | 92 | 112 | 16 | Vertikal | Ladda ner vertikal logotyp |
| > 768px | 104 | 220 | 32 | Horisontell engelsk | Ladda ner horisontell logotyp |
Sidhuvud interna tjänster
Riktlinjer för interna system kommer finnas här framöver.
Favicon
Faviconen används i webbläsarens flikar och bokmärken. Det är samma vapen som används i logotypen men i mindre format.
Ladda ner faviconen i .ico-formatGamla logotypen
import { Logo } from '@midas-ds/components'
<Logo />
Varianter
Logotypen finns i fyra olika storlekar (x-small, small, medium och large) samt med eller utan bakgrund. X-small skiljer sig från de andra då det endast är ett M. Den används när skärmstorleken är mindre än 380px för spara plats i headern.
X-small
<Logo size="x-small" />
<Logo primary={false} size="x-small" />
Small
<Logo size='small' />
<Logo primary={false} size='small'/>
Medium
<Logo size="medium" />
<Logo primary={false} size="medium" />
Large
<Logo size="large" />
<Logo primary={false} size="large" />
API
| Name | Type | Default | Description |
|---|---|---|---|
primary | boolean | true | Display logo in primary color, set to false for monochrome/dark version of the logo |
size | "large" | "medium" | "small" | "x-small" | - | Specify logo size |
padding | boolean | true | There must be whitespace around the logo. By disabling our built in padding you must add at least an equal amount yourself. |