• Fonts

    • Jaapokki: Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus provident unde obcaecati dolorem excepturi! Ipsam?
    • SG-Text: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Neque dolor dolorem repellat vel fugit illum.

  • Colors

    • --page-color
    • --page-color-darker
    • --page-color-dark
    • --page-color-light
    • --page-color-lighter
    • --page-color-lightest
    • --color-black
    • --color-white
    • --color-red
    • --color-pink
    • --color-green
    • --color-sale

  • Text types\sizes

    • .text-body : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-body-xs : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-body-sm : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-body-rg : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-body-md : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-body-lg : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-body-xl : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-2xs : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-xs : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-sm : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-rg : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-md : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-lg : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.
    • .text-display-xl : Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore nisi sunt architecto explicabo molestiae vitae.

  • Buttons

Contact form