D3 Assets - a catalog for D3 Studio UX assets
Status
What's inside
Icons
- Visual Studio 2017 for Windows icons
- Visual Studio 2019 for Windows icons
- Visual Studio Code icons
- Visual Studio for Mac icons
- Extensions for Visual Studio and Visual Studio Code
Illustrations
- Microsoft style illustrations for marketing websites
- Background patterns and textures
- Infographics and diagrams
- Crafted product screenshots
Brands
- First party brand images
- Partner brand images
- Internal brand images
Resources
- Color palettes
- Illustrator templates
- Design and production guide
Building from source code
Prerequisites
- NodeJS v10.0+
- Yarn v1.1+
Steps
- Clone the repository
git clone https://github.com/chryw/froot-loops.git - Install packages
Yarn - Watch css
Yarn run watch-css - Build and preview
Yarn start
What's used
create-react-app
This site is bootstraped with Facebook's create-react-app.
office-fabric-ui-react
This app uses office-fabric-ui-react framework. Refer to its official documentation for style and component implementation guide.
Figma
Some assets and metadata are pulled from our team's Figma account(s). Refer to Figma Web API for details.
File structure
[TBD]
How to contribute
- Fork the repository
- Make PR