Entity Design System

A Figma Library for web applications.

What is the inspiration and design objective?

This design system is inspired by my work over the years as Lead Designer and Manager of the UX team at Verisk Analytics. Many components are influenced by other contractor projects I have completed for multiple industries and audience sizes.

The system is designed with special attention to specific workflows experienced in web application design.

Many of the components are designed for large data display with a focus on data input and reporting.

You will find that some design choices have been influenced by some of my favorite systems including the Atlassian design system and Material design.

The system is designed with Figma and makes extensive use of variant properties with a strict architecture that is intended to speed prototyping and hand offs to engineers.

What are the core specifications?

• Grid System: 8pt
• Scale Sequence: 8, 16, 24, 40, 64 (Fibonacci)
• Break Points (t-shirt size)
  • 0-480 (Small)
  • 481-768 (Medium)
  • 769-1279 (Large)
  • 1280 (X-Large)
• Typography: Roboto
• Default Color Palette
  • Blue (Primary)
  • Green (Secondary)
  • Orange (Tertiary)
  • Violet (Quarternary)

What is included?

The components are structured into three component types which are Elements, Patterns, and Views. Each component contains the following documentation.