import { Meta, Canvas } from '@storybook/addon-docs/blocks'; import { Details } from '../react'; import { Example, CssVariables } from '../../.storybook/blocks'; import { Flex } from '../react'; import * as stories from './logo.stories'; import styles from '../styles.module.css'; # Logo > Mattilsynet har logoer som er spesialutviklet for definerte bruksområder i våre digitale løsninger. Her finner du alle tilgjengelige varianter ## Kode - Legg klassen `logo` på typisk `

` eller `` - Teksten "Mattilsynet" blir automatisk lagt inn for skjermlesere - Logo følger tekststørrelse og tekstfarge - Ved lite plass blir tekst visuelt
Opplever at logoen bare blir en firkant i Next.js eller Tailwind? Noen versjoner av [Autoprefixer](https://github.com/postcss/autoprefixer) er vell ivrig på å prefixe `mask`. Det er dessverre lite å gjøre med i `@mattilsynet/design`, men du kan fikse dette igjen ved å sette: ```html style="-webkit-mask-box-image: none" ```
## App logo - Applikasjonsnavn i Mattilsynet følger [språkrådets retningslinjer for statlige navn](https://sprakradet.no/stedsnavn-og-navn-pa-statsorgan/veiledning-om-valg-av-navn-i-staten/krav-til-og-rad-om-selve-navnet/) - Legg en ` ```