Design System
Foyer Group Design System in Work In Progress. First Release Expected on 14 oct. 2019
Overview:
The Foyer Design System is a centralized repository for the content of the public Design System of Foyer. It currently represents about 13.37% of their complete Design System used by their teams. The purpose of publishing this piece of work is to gather feedback from external sources and promote user-centric design by Groupe Foyer. The Design System can be accessed through their website at https://www.design.foyer.lu. The core team members behind the Design System include Geoffrey Crofte as the Lead Design System/UX Designer, Bastien Collet as the Front-End Developer/Dev Team Relationship, Matthieu Da Costa as the UX Designer, and Florentin Jakupi as the UI Designer.
Features:
- Centralized repository for Foyer Design System
- Represents 13.37% of the complete Design System used by Foyer teams
- Open for feedback from external sources
- Promotes user-centric design
Summary:
The Foyer Design System is a public repository that houses a portion of the complete Design System used by Foyer teams. It aims to gather feedback and promote user-centric design. The Design System can be accessed through their website at https://www.design.foyer.lu. The team members behind the Design System include Geoffrey Crofte, Bastien Collet, Matthieu Da Costa, and Florentin Jakupi.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- UI Kits & Components
A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.