Design, simply elegant.
The E*TRADE Design Language is a design system that provides a seamless experience from end to end.
Download the Sketch file
Download the Inspector
React Component Documentation
August 9th release (2019.8.9)
| Bitbucket | Styles | Text Input with error left border doesn't animate on focus |
| Bitbucket | Styles | Centered anchor tags with .btn.btn-link classes vertically |
| Bitbucket | Styles | Added an automatically sized flex column variant |
| Bitbucket | Styles | Improved right-to-left support for definition lists, radios, checkboxes, inline and piped lists, push/pull columns, and focused text fields |
July 26th (2019.7.26)
| Spinners | etrade.design | Added the spinner overlay component to the Spinner page |
| Typography | etrade.design | Added usage rule for the helper class .text-truncate |
| Colors | etrade.design | Updated the sass variable name for $background-accent-color-1 |
| Text fields | etrade.design | Fixed the social security text fields example |
| Bitbucket | Styles | letter spacing on .btn is now 0 |
| Bitbucket | Styles | We added class name of .prototype and .prototype-retroactive to test font stack unification |
| Bitbucket | Styles | We update our EditorConfig file to align better with our lint rules |
| Bitbucket | Styles | Updated our repo to node 10.13 to better align with other projects |
| Bitbucket | Styles | Made improvements to our automated publishing workflow |