Skip to main content
Bátastevnan Vestmanna

23–25 May · Vestmanna

Design system

Pick a component. Pick a device. Or jump straight to a link.

Guideline

Colours

Tokens for ink, brand green, wave blue, status red.

  • background

    oklch(0.982 0 0)

  • card

    oklch(1 0 0)

  • muted

    oklch(0.962 0 0)

  • secondary

    oklch(0.945 0 0)

  • border

    oklch(0.895 0 0)

  • muted-foreground

    oklch(0.45 0 0)

  • foreground

    oklch(0.18 0 0)

  • primary

    oklch(0.689 0.17 133)

    Brand green / available / taken

  • accent

    oklch(0.649 0.15 240)

    wave blue / selection / times

  • destructive

    oklch(0.52 0.2 27)

    status only: taken

The ink colour together with the two colours of the logo: Brand green for areas and free berths, wave blue for selection and times. Red is only used for the status "taken".