- Design system
- Brand
- Accessibility
Why we chose Indigo over Navy for TpEMIS
The legacy Gold accent failed WCAG AA on white at 1.6:1. Here is how we arrived at Indigo + Ember + Cyan + Slate, and what it means for existing TpEMIS surfaces.
Schema-aware article card. Emits schema.org/Article (or BlogPosting / NewsArticle / TechArticle) inline via JSON-LD. Default and compact variants.
The legacy Gold accent failed WCAG AA on white at 1.6:1. Here is how we arrived at Indigo + Ember + Cyan + Slate, and what it means for existing TpEMIS surfaces.
| Aspect | shadcn | RN | Notes |
|---|---|---|---|
| Container | <article> | <View role="article"> | Same landmark |
| Schema | JsonLd data | inline <script> | Both get picked up by crawlers |
| Subtypes | Article / BlogPosting / NewsArticle / TechArticle | same | Via articleType prop |
| Author | Person schema | Person schema | Optional worksFor / sameAs |