Hopp til innhold

Bølge

Bruk av bølge

Bølgen er et sentralt element i SpareBank 1s visuelle profil. Vi bruker den som et identitetsbærende og dekorativt innslag, for eksempel som bakgrunn på websider.

Valg av farge

color-propertien er obligatorisk og må sendes med for å sette farge på selve bølgen. Dersom man ønsker å sette en bakgrunnsfarge på resten av containeren kan man sende med bgColor-propertien.

Gyldige farger som kan sendes med i color og bgColor er:

  • hvit
  • frost-30
  • sand-30
  • sand-70
  • syrin-30
  • syrin-70
  • vann-30
  • vann
  • fjell

Du kan også bestemme hvilken farge som skal brukes i darkmode med å sende med darkmodeColor og/eller bgDarkmodeColor. Gyldige farger som kan brukes i darkmode er:

  • svart
  • natt

Snu bølgen

I tilfeller der du ønsker å bruke bølgen opp ned kan du sende med med flip-propertyen, som vil rotere bølgen 180 grader.

Plassering

Bølgen kan forskyves horisontalt ved hjelp av position-propertyen.

Layout eksempel

Under ser du et eksempel på hvordan bølgen kan brukes i sammenheng med grid for å bygge en layout.