Audit Report: MAS Product Design — Current

Date: 2026-02-17  |  Source: Figma — MAS Product Design (node 31341:76462)  |  Design System: Streams Design System v2
38%
Overall Token Compliance
113
PASS
38.3%
28
WARNING
9.5%
107
VIOLATION
36.3%
47
UNDOCUMENTED
15.9%

Summary

StatusUnique PropertiesTotal Usages%
PASS113~1,63038.3%
WARNING28~9509.5%
VIOLATION107~68036.3%
UNDOCUMENTED47~49015.9%
Total295~3,750100%

Color Audit

PASS — Colors matching DS tokens

ValueTokenUsagesStatus
#FFFFFFWhite~405PASS
rgba(255,255,255,0.8)White Alpha/80067PASS
rgba(255,255,255,0.5)White Alpha/5005PASS
rgba(255,255,255,0.2)White Alpha/2001PASS
rgba(255,255,255,0.1)White Alpha/1001PASS
rgba(249,248,248,0.23)Card frosted glass fill75PASS
#29474CDark teal (Badge bg)16PASS
#B42318Error/destructive red1PASS
gradients/greengradients/green18PASS
gradients/plumgradients/plum5PASS
gradients/orangegradients/orange1PASS

WARNING — DS fill colors used without named tokens

ValueNearest TokenUsagesStatusNote
#3B3B3B—599WARNINGUsed as product "Black" but DS Black is #131313. Widely used in DS components but has no named token.
#000000—478WARNINGPure black. DS uses #131313 as Black. iOS Labels/Primary uses #000000.
#7D7D7D—114WARNINGUsed in DS (muted text) but no named token. Used as "Gray 1" in product.
#9B9B99—114WARNINGDS fill color (disabled text) but no named token.
#FCFCFE—54WARNINGDS fill color (near-white) but no named token.
#010101—32WARNINGDS fill color (near-black) but no named token.
#F0F0F0—31WARNINGDS fill color (background) but no named token.
#DFDFDF—27WARNINGDS fill color (background) but no named token.
rgba(0,0,0,0.05)~Black Alpha/5012WARNINGUses #000 base, DS Black Alpha uses #121212 base.

VIOLATION — Colors not in DS

ValueUsagesStatusSuggestion
#DADADA18VIOLATIONClose to #D9D9D9. Use a named gray token.
#F5F5F58VIOLATIONClose to #F3F3F3. Use a named background token.
#ABB0BA8VIOLATIONNot in DS. Define a token or use Gray/500.
rgba(245,245,245,0.5)6VIOLATIONNo matching token. Use White Alpha scale.
rgba(0,0,0,0.2)6VIOLATIONUses #000 base. Use Black Alpha/200.
#0304046VIOLATIONNear-black. Use DS Black (#131313).
rgba(0,0,0,0.3)3VIOLATIONUses #000 base. Use Black Alpha/300.
rgba(0,0,0,0.25)3VIOLATIONNot in DS alpha scale. Use Black Alpha/200 or /300.
#D92D201VIOLATIONClose to DS #B42318 (error red). Use DS error token.
#F7F7F71VIOLATIONNot in DS. Use #F3F3F3 or Gray/50.
#EBEDF01VIOLATIONNot a named DS token.
#F3F3F31VIOLATIONDS fill value but no named token.
#DEDEDE2VIOLATIONClose to #DFDFDF. Use a named gray token.
#BBBBBB1VIOLATIONNot in DS.
#9999994VIOLATIONClose to #9B9B99. Use a named token.
#2929293VIOLATIONClose to #232323. Use DS Black.
#595A602VIOLATIONNot in DS. Close to #5E5E5D.
#4B4B3D2VIOLATIONNot in DS. Close to #4B4B4A.
#FFFF002VIOLATIONBright yellow — likely annotation, not design.
rgba(0,0,0,0.8)1VIOLATIONUses #000 base. Use Black Alpha/800.
rgba(0,0,0,0.9)5VIOLATIONUses #000 base. Use Black Alpha/900.
rgba(0,0,0,0.6)2VIOLATIONUses #000 base. Use Black Alpha/600.
rgba(0,0,0,0.1)1VIOLATIONUses #000 base. Use Black Alpha/100.
rgba(255,255,255,0.75)2VIOLATIONNot in DS alpha scale. Use White Alpha/700 or /800.
rgba(255,255,255,0.01)13VIOLATIONNear-transparent. Not in DS alpha scale.
rgba(255,255,255,0)1VIOLATIONFully transparent. Remove or use proper token.
rgba(120,120,128,0.04)9VIOLATIONiOS system color. Not in DS.
rgba(120,120,128,0.12)1VIOLATIONiOS system color. Not in DS.
rgba(60,60,67,0.8)3VIOLATIONiOS system color. Not in DS.
rgba(60,60,67,0.3)1VIOLATIONiOS system color. Not in DS.
rgba(251,251,251,0.5)1VIOLATIONOff-white alpha. Not in DS. Use White Alpha/500.
rgba(223,195,210,0.2)1VIOLATIONNot in DS.

UNDOCUMENTED — Product-specific colors (CSK theme, iOS system)

Token/ValueResolved ValueUsagesStatusNote
CSK - #78B78E/600#47855D73UNDOCUMENTEDSkill theme color — not in DS
CSK - #78B78E/100#DEEDE373UNDOCUMENTEDSkill theme color — not in DS
Labels/Secondaryrgba(60,60,67,0.6)33UNDOCUMENTEDiOS system token — not in DS
Colors/Blue#007AFF15UNDOCUMENTEDiOS blue — DS has Blue/500 #3B82F6
CSK - #D4BC78/900#27200C12UNDOCUMENTEDSkill theme color — not in DS
CSK - #91A7CE/100#DCE3EF10UNDOCUMENTEDSkill theme color — not in DS
CSK - #D9BB6D/500#D9BA6D10UNDOCUMENTEDSkill theme color — not in DS
CSK - #78B78E/400#7AB8907UNDOCUMENTEDSkill theme color — not in DS
CSK - #91A7CE/600#3F5C8D5UNDOCUMENTEDSkill theme color — not in DS
CSK - #DA8D8A/500#DA8D8A4UNDOCUMENTEDSkill theme color — not in DS
Colors/Blue - Dark#0A84FF1UNDOCUMENTEDiOS dark mode blue — not in DS
Icons Color/Icons Color#2929291UNDOCUMENTEDProduct-specific icon color — not in DS

Typography Audit

PASS — Text styles matching DS

StyleFontSizeUsagesStatus
Brand/Apax • Body 3Apax 40014px200PASS
Brand/Apax • Label 1Apax 40014px (UPPER)148PASS
Brand/Apax • Body 1Apax 40024px115PASS
Brand/Apax • Body 2Apax 40016px88PASS
Brand/Apax • Body 1.5Apax 40020px34PASS
Brand/Apax • Heading 1Apax 40032px24PASS
Body/RegularSF Pro 40017px6PASS
Callout/RegularSF Pro 40016px6PASS

UNDOCUMENTED — New text styles not in DS

StyleFontSizeUsagesStatusNote
style_ICISZMInter 60017px109UNDOCUMENTEDInter SemiBold 17px — not a DS size. Needs naming.
Brand/Apax • Small TextApax 40012px98UNDOCUMENTEDSimilar to Brand/Apax 12px but different name.
style_EE1T5USF Pro 40025px52UNDOCUMENTEDiOS-specific. Not in DS.
Apax • Body 3Apax 40014px32UNDOCUMENTEDMissing "Brand/" prefix. Should use Brand/Apax • Body 3.
Caption2/RegularSF Pro 40011px30UNDOCUMENTEDiOS system style. Not in DS.
Footnote/RegularSF Pro 40013px18UNDOCUMENTEDiOS system style. Not in DS.
Brand/Apax • Display 2Apax 40048px14UNDOCUMENTEDNew display style. Not yet in DS.
Apax • Label 1Apax 40014px (UPPER)14UNDOCUMENTEDMissing "Brand/" prefix.
Brand/Apax • Small LabelApax 40012px13UNDOCUMENTEDNew style. Not yet in DS.
Title1/RegularSF Pro 40028px9UNDOCUMENTEDiOS system style. Not in DS.
style_IWRTOJApax 40012px (UPPER)8UNDOCUMENTEDUnnamed uppercase label style.
Callout / BoldSF Pro Text 60016px6UNDOCUMENTEDBold variant not in DS.
Brand/Apax • Display 1Apax 40060px1UNDOCUMENTEDNew large display style. Not yet in DS.
Text xs/RegularInter 40012px1UNDOCUMENTEDInter 12px — not named in DS.
Text lg/SemiboldInter 60018px1UNDOCUMENTEDInter 18px — not a DS font size.

VIOLATION — Unnamed styles & non-DS fonts

StyleFontSizeUsagesStatusNote
style_B83UQVHelvetica Neue 40020px1VIOLATIONHelvetica Neue not in DS fonts.
style_U31ZSNHelvetica Neue 30014px1VIOLATIONHelvetica Neue not in DS. Weight 300 not valid.
style_OHSGFIHelvetica Neue 30014px1VIOLATIONHelvetica Neue not in DS. Weight 300 not valid.
15 unnamed style_* tokensVariousVarious~40VIOLATIONAuto-generated names. Need proper DS naming.

Border Radius Audit

PASS — Valid DS radius values

0px, 3px, 4px, 5px, 6px, 8px, 12px, 16px, 40px

VIOLATION — Non-DS radius values (22 unique)

ValueStatusSuggestion
2pxVIOLATIONUse 3px
7pxVIOLATIONUse 6px or 8px
9pxVIOLATIONUse 8px
10pxVIOLATIONUse 8px or 12px
11pxVIOLATIONUse 12px
14px, 15pxVIOLATIONUse 16px
20px, 24px, 30px, 32px, 36pxVIOLATIONUse 16px or 40px
100px, 360px, 999pxVIOLATIONUse 50px (circle/pill)
3.84px, 4.6px, 5.12px, 6.29px, 41.92pxVIOLATIONFractional values — snap to nearest scale value

Spacing Audit

PASS — Valid DS gap values

4px, 8px, 12px, 16px, 20px, 24px, 32px, 40px, 80px, 96px, 128px

VIOLATION — Non-DS gap values

ValueStatusSuggestion
2px, 6px, 10pxWARNINGClose to scale values (4px, 8px, 12px)
42px, 49px, 83px, 95px, 124pxVIOLATIONNot in spacing scale
287px, 230.93pxVIOLATIONNon-standard page spacing
-1px, -4px, -92pxVIOLATIONNegative gaps — likely hacks, use proper spacing
2.06px, 9.85px, 11.36px, 12.34pxVIOLATIONFractional values — snap to nearest scale

Effects Audit

PASS

EffectUsagesStatus
Shadow/Light/20020PASS
bg-blur-1 (backdrop-filter: blur(58px))16PASS

UNDOCUMENTED — Unnamed effects

Effect IDTypeValueUsagesStatus
effect_5YPQJJbox-shadow0px 1px 0px rgba(137,138,141,1)64UNDOCUMENTED
effect_DAHWQUbox-shadow0px 1px 4px rgba(255,255,255,0.25)44UNDOCUMENTED
effect_PETPTWbackdrop-filterblur(4px)27UNDOCUMENTED
effect_ZE46A0filterblur(150px)21UNDOCUMENTED
effect_S2LS9Fbackdrop-filterblur(0.44px)16UNDOCUMENTED
effect_GBMJ5Cbackdrop-filterblur(2px)15UNDOCUMENTED
+ 15 more unnamed effects~50UNDOCUMENTED

Stroke Audit

StrokeValueUsagesStatusNote
stroke_4S1OAA#FDFDFD 1px91PASSCard border
Black#3B3B3B90WARNINGDS Black is #131313
stroke_OWFP9U#FDFDFD 2px28PASSDS border color
Separators/Non-opaque—20UNDOCUMENTEDiOS separator token
stroke_HAZOG2#29474C 1px13PASSBadge border
stroke_KL2271#7D7D7D ~1px7VIOLATIONNot a DS border color
stroke_O01LM9#F0F0F0 1px7PASSLight border
stroke_R4BD3B#5E5E5D 1px4VIOLATIONNot a DS border color
stroke_E428F8rgba(0,0,0,0.1) 1px1PASSDS stroke (Black Alpha)

Key Recommendations

  1. Resolve Black token mismatch — Product uses #3B3B3B (599x) and #000000 (478x) as "Black", but DS defines Black as #131313. This is the single largest compliance gap.
  2. Tokenize CSK (skill theme) colors — 8 CSK color tokens used 191x total are completely undocumented in the DS. Add a "Skill Themes" color section.
  3. Name unnamed text styles — 109x usages of style_ICISZM (Inter 600 17px) needs a proper DS name. 15+ other unnamed styles need attention.
  4. Add Brand/Apax Display styles to DS — Display 1 (60px) and Display 2 (48px) are used but not documented.
  5. Standardize rgba base colors — Product uses rgba(0,0,0,*) while DS uses rgba(18,18,18,*) for Black Alpha. Align to DS convention.
  6. Remove Helvetica Neue — 3 instances use Helvetica Neue (not in DS font families). Replace with Inter.
  7. Snap fractional values — Multiple fractional border-radius (3.84px, 5.12px) and gap (9.85px, 11.36px) values should be rounded to the nearest DS scale value.
  8. Document iOS system styles — SF Pro styles (Caption2, Footnote, Title1, etc.) are used 100+ times. Either add to DS or explicitly document as iOS-only exceptions.
  9. Tokenize remaining fill colors — Colors like #7D7D7D, #9B9B99, #3B3B3B, #F0F0F0 are widely used (~900x combined) across both the DS and product but lack named tokens.
  10. Define effect tokens — 21 unnamed effects used 250+ times need DS token names (especially the blur and shadow variants).
Generated by Streams Design System Audit Tool — 2026-02-17