Easy to design, easy to develop, easy to use.
We are building cohesive experiences for our members. Our customers only have to learn our interface once because we carefully reuse patterns and components.
We care about our customers, including those with disabilities.
Tangram is collaboration
Join the conversation at #tangram
“Tan-wha?!” A glossary for Tangram
- Angular
The JavaScript framework used by Tangram.
- Component
Reusable parts used to build an interface (currently only Web).
In code, Tangram components are prefixed with 'tg' e.g.
<tg-icon>- Documentation
The examples and usage guidelines for each component and pattern.
- Tangram Package
A package of code that is consumed by websites. The package is generated from the Web UI directory in the Tangram project.
- Tangram Sketch Libraries
A collection of Sketch libraries for designers, including symbols and styles that match Tangram components.
Sketch libraries are available in our design versioning tool Abstract.
- UI (User Interface) Pattern
A consistent way Tangram components are put together, e.g. search cards.
UI Patterns are often implemented as reusable pieces of code within the FrEnd code base.
- Variables
For consistency, styles such as colour, spacing, shadows and errors states are structured as variables in the SCSS code file.