Diff

Honda vs LangChain

59 token-level differences between these two design systems.

Role tokens

Background

#ffffff → #0f172a

Text

#35363b → #f8fafc

Brand

#cc0000 → #1e90ff

Border

#d8d8d8 → #1e293b

Display font

HondaGlobalFontEN-Regular → Inter

Body size

14px → 16px

colors 51 changed

~ bg #ffffff → #0f172a

~ surface #f7f7f7 → #1e293b

~ text #35363b → #f8fafc

~ text-strong #1a1a1a → #e2e8f0

~ text-body #35363b → #cbd5e1

~ text-muted #666666 → #94a3b8

~ text-faint #999999 → #64748b

~ brand #cc0000 → #1e90ff

~ brand-hover #b30000 → #1d4ed8

~ brand-active #990000 → #1e40af

~ brand-soft #fceaea → #dbeafe

~ border #d8d8d8 → #1e293b

~ border-soft #ebebeb → #1e293b

~ border-strong #999999 → #334155

~ link #cc0000 → #60a5fa

~ link-hover #990000 → #93c5fd

~ success #00854a → #10b981

~ warning #ff8c00 → #f59e0b

~ danger #cc0000 → #f43f5e

~ info #0066cc → #1e90ff

+ bg-deep #020617

+ surface-soft #111827

+ surface-elevated #334155

+ surface-light #f8fafc

+ text-on-light #0f172a

+ on-dark #f8fafc

+ link-on-light #1e90ff

+ border-blue #1e90ff

+ shadow-color rgba(2, 6, 23, 0.5)

+ shadow-glow-blue rgba(30, 144, 255, 0.20)

+ accent-emerald #10b981

+ accent-rose #f43f5e

+ accent-amber #f59e0b

+ accent-violet #8b5cf6

+ accent-cyan #06b6d4

+ code-keyword #60a5fa

+ code-string #10b981

+ code-comment #64748b

+ code-symbol #f59e0b

− bg-elevated #f7f7f7

− bg-dark #000000

− surface-hover #ededed

− surface-strong #e0e0e0

− surface-on-dark #1a1a1a

− text-display #000000

− text-on-dark #ffffff

− brand-deep #7a0000

− accent-blue #0066cc

− accent-yellow #ffd200

− border-on-dark #2a2a2a

− ring #cc0000

typography 4 changed

~ display {"family":"HondaGlobalFontEN-Regular","size":72} → {"family":"Inter","size":72}

~ h1 {"family":"HondaGlobalFontEN-Regular","size":40} → {"family":"Inter","size":40}

~ h2 {"family":"HondaGlobalFontEN-Regular","size":32} → {"family":"Inter","size":32}

~ body {"family":"HondaGlobalFontEN-Regular","size":14} → {"family":"Inter","size":16}

radius 2 changed

~ button 6px → 8px

~ card 8px → 12px

spacing 2 changed

~ lg 32px → 48px

~ xl 48px → 96px

↻ Swap direction · LangChain → Honda