SwiftRemit/ImplementaConsistentColorPalette.txt at main · darcszn/SwiftRemit · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Web3 Design System
V2.1.0-BETA
Last updated 2 hours ago

Color Normalization
Standardizing high-signal status palettes across Web3 portfolio components to eliminate 'color jitter' and create a cohesive professional UI.

DOCUMENTATION
Overview

Color Palette

Typography

Spacing & Layout

Iconography

TOKEN STATS
Variables	Accessibility
AAA Pass	142
Global Color Variables
Cyber-Dark
#0A0A0A

Neon Teal
#14FFEC

Purple Haze
#B16EFF

Neutral Gray
#1A1A1A

Refactored Components
ASSET CARD V2
Receive

Send ETH

REFACTORED
ACTION BUTTON SUITE

SWAP ASSETS

BUTTONS UTILIZE --COLOR--ACCENT FOR PRIMARY GRADIENTS AND --COLOR--SECONDARY FOR SUCCESS-STATE HIGHLIGHTS.

The Impact of Normalization
By centralizing our high-signal colors, we've reduced visual debt by 40%. The "Cyber-Dark" background creates a premium canvas for Web3 interactions, while "Neon Teal" is reserved strictly for positive growth and success states.

Consistent hover states across all CTAs

Eliminated 12+ redundant hex variations

Strict contrast compliance (WCAG 2.1)

Theme-switching ready architecture


https://www.figma.com/design/ajVZ2okRYUyKSojUyVRa8z/Implement-a-Consistent-Color-Palette--Standardization-?node-id=7-2&t=IjmpDaeHXfVcjCll-1