Loading...
Close

We are EgoCX
We're glad you're here, dear friend.


Join the community of influencers, creative content creators, artists, local businesses, bakeries, neighborhood shops, mall boutiques... and all kinds of businesses, both digital and physical.

Become a member by purchasing your .ego.cx name:
Plans and Pricing





EgoCX Design System Collection (design.md files)

Visual Language & Color System

  • Clean, professional aesthetic with signature blue (#1372EC) for primary actions and branding
  • Comprehensive color system with 11 colors and 2 neutrals, each with 13 shades, built in the okLCH color space for perceptual balance
  • Accent colors used sparingly for important actions, alerts, and states
  • Slate (tinted neutral from brand blue) for secondary backgrounds, borders, and text; Neutral (achromatic greyscale) for prose and structural content

Typography & Readability

  • Custom Workday Sans typeface for clarity and sophistication
  • Four-level type hierarchy (title, heading, body, subtext) with three sizes each (large, medium, small)
  • Type tokens for consistent application across all products
  • High contrast ratios meeting accessibility standards for all text

Component Architecture & Interaction

  • Canvas design system with reusable UI elements, design principles, and guidelines
  • Four levels of components: Primitive, Level 1 (tokens/assets), Level 2 (composed), and Level 3 (complex patterns)
  • Canvas Kit provides open-source, reusable web code library for implementing Canvas components
  • Consistent states: default, hover, active, focus, disabled for all interactive elements

Performance & Accessibility

  • WCAG 2.1 AA compliance with accessible components out of the box
  • Keyboard navigable with visible focus indicators for all interactive elements
  • 8pt grid system for consistent spacing and accessible scaling
  • Design tokens for color, spacing, typography, and motion ensure consistency across platforms


This page is part of the EgoCX Design System Collection — a curated resource for design excellence.

Curated by EgoCX

EgoCX



DISCLAIMER FOR INDIVIDUAL FILES

For inclusion in each design.md file footer:


LEGAL NOTICE

Disclaimer and Trademark Notice

The analysis contained in this document is provided for educational and reference purposes only as part of the EgoCX Design System Collection.

Trademarks: All product names, logos, brands, and trademarks mentioned in this document are the property of their respective owners. Use of these names, logos, and brands does not imply endorsement, affiliation, or sponsorship by the respective trademark holders.

Copyright: This document is © 2026 EgoCX. All rights reserved. It may not be redistributed, resold, or used commercially without permission.

Accuracy: While we strive for accuracy, we make no warranties regarding completeness, reliability, or suitability. Design systems are subject to change by their respective owners.

Not Affiliated: EgoCX is not affiliated with, endorsed by, or sponsored by the companies mentioned in this document.

For full terms, see the LICENSE file: https://ego.cx/collection/design


© 2026 EgoCX — All Rights Reserved


About EgoCX

EgoCX is a design and technology studio dedicated to advancing digital experiences through meticulous design systems, AI‑powered tools, and strategic branding. Our collections, tools, and platforms serve as resources for designers, developers, and brands seeking excellence in their digital presence.

Explore More

Last updated: 2026-07-10