Designsystem

screenshot of Designsystem
react

SpareBank 1's design system and component library.

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

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.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.