vs-integrate - Track Your Real Coding Activity

https://vs-integrate.vercel.app/ 532 elements 4/26/2026
4
Colors
2
Font Families
4
Spacing Values
22
Shadows
3
Border Radii
5
Components
100%
A11y Score

Color Palette

Brand Colors

#1f2937
Primary
379 uses
#021cf7
Secondary
1 uses
#021cf7
Accent
1 uses

Neutrals

#ffffff
499 uses
#000000
4 uses

Full Palette

#ffffff
text, border
499 uses
#1f2937
border, background
379 uses
#000000
background
4 uses
#021cf7
background
1 uses

Gradients

Typography

Font Families

Geist Mono (all, 502x)ui-sans-serif (body, 30x)

Type Scale

48px The quick brown fox 700 / 60px
24px The quick brown fox 700 / 32px
20px The quick brown fox 700 / 28px
18px The quick brown fox 400 / 29.25px
16px The quick brown fox 400 / 24px
14px The quick brown fox 500 / 20px
12px The quick brown fox 400 / 16px

Spacing Scale (base: 2px)

4px
32px
48px
128px

Box Shadows

sm
sm
xs
xs
xs
xs
xs
xs
xs
sm
sm
sm
sm
sm
sm
sm
sm
sm
sm
sm
sm
sm

Border Radii

8px
md
12px
lg
16px
lg

Accessibility

100%
WCAG Contrast Score
220 passing / 0 failing color pairs

Color Pair Analysis

Sample
#f8fafc on #1e2530
14.73:1
AAA
216x
Sample
#f8fafc on #000000
20.07:1
AAA
4x