> ## Documentation Index
> Fetch the complete documentation index at: https://docs.teamgather.se/llms.txt
> Use this file to discover all available pages before exploring further.

# Design

> Guide för organisationsadmin om logotyp, favicon och färger för organisationens sida

## Översikt

Under organisationens inställningar i adminpanelen kan du anpassa logotyp, favicon och färgerna på organisationens publika sida.

<Info>
  Designinställningarna kräver samma adminbehörighet som resten av adminpanelen, det finns ingen extra begränsning för just designsidan.
</Info>

***

## Logotyp och favicon

Under fliken **Profil** i organisationens inställningar:

<Steps>
  <Step title="Ladda upp logotyp">
    Klicka **Ladda upp logo**. Filen ska vara PNG eller JPEG, max 1 MB.
  </Step>

  <Step title="Ladda upp favicon">
    Klicka **Ladda upp favicon**. Filen ska vara ICO eller PNG, max 500 KB.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/teamgather/t1UBuEi54OVyjor1/images/design-profil.png?fit=max&auto=format&n=t1UBuEi54OVyjor1&q=85&s=d7c9307e338f994369193b92c43e3503" alt="Profilfliken med logotyp och favicon" width="1408" height="928" data-path="images/design-profil.png" />
</Frame>

***

## Design på organisationens sida

Under sidan **Design** kan du ställa in utseendet på organisationens publika sida:

<Frame>
  <img src="https://mintcdn.com/teamgather/t1UBuEi54OVyjor1/images/design-oversikt.png?fit=max&auto=format&n=t1UBuEi54OVyjor1&q=85&s=5953d87ca7f448b41b4c387f71638279" alt="Designsidan med titel, sidhuvud och färgval" width="1408" height="928" data-path="images/design-oversikt.png" />
</Frame>

<Steps>
  <Step title="Titel och undertitel">
    Ange **Titel** och **Undertitel** som visas i sidhuvudet.
  </Step>

  <Step title="Sidhuvudbild">
    Ladda upp en **Sidhuvud bild** och justera dess opacitet med skjutreglaget **Sidhuvud bild opacitet**.
  </Step>

  <Step title="Sidhuvudhöjd">
    Välj en av de fördefinierade höjderna för sidhuvudet.
  </Step>

  <Step title="Navigationsfärg">
    Välj en av de fördefinierade färgerna för navigeringsfältet, till exempel vit, mörkgrå eller marinblå.
  </Step>

  <Step title="Sidfotsfärg">
    Välj en av de fördefinierade mörka färgerna för sidfoten.
  </Step>

  <Step title="Spara">
    Klicka **Spara**.
  </Step>
</Steps>

<Tip>
  Alla färgval görs bland fördefinierade alternativ, det går inte att ange en egen fri färgkod här.
</Tip>

***

## Avdelningarnas egna sidor

Varje avdelning kan ha sin egen publika sida med eget utseende, bland annat titel- och undertextfärg, logotypens storlek och hörnradie samt bannerbild. Det ställs in av avdelningens egna ledare under avdelningens hemsideinställningar, inte i adminpanelen.

<Note>
  Rot-avdelningen kan inte ha en egen sida med separat design, den använder organisationens gemensamma design.
</Note>

***

## Vanliga frågor

<AccordionGroup>
  <Accordion title="Kan jag ange en egen färg som inte finns i listan?">
    Nej, navigations- och sidfotsfärger väljs bland fördefinierade alternativ.
  </Accordion>

  <Accordion title="Varför ser jag inte designsidan i adminpanelen?">
    Designsidan kräver samma behörighet som resten av adminpanelen, alltså Admin. Kontakta någon med adminbehörighet.
  </Accordion>

  <Accordion title="Gäller designen jag sätter för hela organisationen alla avdelningar?">
    Den gäller organisationens gemensamma sida. Enskilda avdelningar kan ha egen design på sin egen sida.
  </Accordion>
</AccordionGroup>