Overview:

This repository contains the code for SpareBank 1’s design system and some technical documentation. The design system consists of the content in this repository (often referred to as Felles Frontend, abbreviated as FFE), the design system libraries in Figma, and the documentation available on design.sparebank1.no. All these parts are managed by the design system team, which can be contacted via Slack, email, or GitHub issues.

Features:

• Felles Frontend (FFE) design system
• Figma design system libraries
• Technical documentation

Installation:

To get started using the design system, follow the instructions in the documentation under the “Getting Started” section.

To make changes in FFE for the first time, refer to the documentation under the “Guide to GitHub” section.

The components in FFE are divided into two NPM packages each. Packages with -react in the name contain React implementation and tests, while other packages contain Less-based styling.

To run the design system locally, clone the repository and run npm install. This will install all dependencies for all packages.

Summary:

This repository contains the code and documentation for SpareBank 1’s design system, also known as Felles Frontend (FFE). It includes design system libraries in Figma and technical documentation. Users can follow the installation guide to set up and use the design system, and contribute to the project by creating issues, submitting pull requests, and commenting on others’ contributions. The source code is licensed under MIT, and the MuseoSans fonts are licensed separately.