[{"data":1,"prerenderedAt":1630},["ShallowReactive",2],{"design-doc:palette":3},{"data":4,"body":7,"toc":1612},{"title":5,"description":6},"TTI palette — extraction notes","Reference document for design\u002Ftokens.json. Explains where each hex came from and what to trust when they disagree.",{"type":8,"children":9},"root",[10,18,33,40,175,181,443,449,492,499,548,656,661,667,680,788,794,814,989,1016,1022,1107,1113,1124,1258,1263,1269,1379,1385,1481,1505,1511,1573,1579,1591],{"type":11,"tag":12,"props":13,"children":15},"element","h1",{"id":14},"tti-palette-extraction-notes",[16],{"type":17,"value":5},"text",{"type":11,"tag":19,"props":20,"children":21},"p",{},[22,24,31],{"type":17,"value":23},"Reference document for ",{"type":11,"tag":25,"props":26,"children":28},"code",{"className":27},[],[29],{"type":17,"value":30},"design\u002Ftokens.json",{"type":17,"value":32},". Explains where each hex came from and what to trust when they disagree.",{"type":11,"tag":34,"props":35,"children":37},"h2",{"id":36},"sources",[38],{"type":17,"value":39},"Sources",{"type":11,"tag":41,"props":42,"children":43},"table",{},[44,63],{"type":11,"tag":45,"props":46,"children":47},"thead",{},[48],{"type":11,"tag":49,"props":50,"children":51},"tr",{},[52,58],{"type":11,"tag":53,"props":54,"children":55},"th",{},[56],{"type":17,"value":57},"Source",{"type":11,"tag":53,"props":59,"children":60},{},[61],{"type":17,"value":62},"What it gave us",{"type":11,"tag":64,"props":65,"children":66},"tbody",{},[67,93,118,135],{"type":11,"tag":49,"props":68,"children":69},{},[70,88],{"type":11,"tag":71,"props":72,"children":73},"td",{},[74,80,82],{"type":11,"tag":25,"props":75,"children":77},{"className":76},[],[78],{"type":17,"value":79},"TTI-presentation-template-option-1.pptx",{"type":17,"value":81}," → ",{"type":11,"tag":25,"props":83,"children":85},{"className":84},[],[86],{"type":17,"value":87},"ppt\u002Ftheme\u002Ftheme1.xml",{"type":11,"tag":71,"props":89,"children":90},{},[91],{"type":17,"value":92},"Canonical XML-defined accents — authoritative for PPTX-theme slots",{"type":11,"tag":49,"props":94,"children":95},{},[96,113],{"type":11,"tag":71,"props":97,"children":98},{},[99,105,107],{"type":11,"tag":25,"props":100,"children":102},{"className":101},[],[103],{"type":17,"value":104},"TTI-presentation-template-option-2.pptx",{"type":17,"value":106}," \u002F ",{"type":11,"tag":25,"props":108,"children":110},{"className":109},[],[111],{"type":17,"value":112},"option-3.pptx",{"type":11,"tag":71,"props":114,"children":115},{},[116],{"type":17,"value":117},"Alternate approved palettes — emphasize sage\u002Fgold over navy\u002Fmaroon",{"type":11,"tag":49,"props":119,"children":120},{},[121,130],{"type":11,"tag":71,"props":122,"children":123},{},[124],{"type":11,"tag":25,"props":125,"children":127},{"className":126},[],[128],{"type":17,"value":129},"TTI-presentation-template-highcontrast-508.pptx",{"type":11,"tag":71,"props":131,"children":132},{},[133],{"type":17,"value":134},"WCAG-tuned palette with grayscale + deepened maroon",{"type":11,"tag":49,"props":136,"children":137},{},[138,162],{"type":11,"tag":71,"props":139,"children":140},{},[141,147,149,155,156],{"type":11,"tag":25,"props":142,"children":144},{"className":143},[],[145],{"type":17,"value":146},"tti-overview.pdf",{"type":17,"value":148},", ",{"type":11,"tag":25,"props":150,"children":152},{"className":151},[],[153],{"type":17,"value":154},"tti-factsheet-4pg.pdf",{"type":17,"value":148},{"type":11,"tag":25,"props":157,"children":159},{"className":158},[],[160],{"type":17,"value":161},"tti-rellis-campus.pdf",{"type":11,"tag":71,"props":163,"children":164},{},[165,167,173],{"type":17,"value":166},"Brand colors ",{"type":11,"tag":168,"props":169,"children":170},"strong",{},[171],{"type":17,"value":172},"in actual marketing use",{"type":17,"value":174}," — pixel-sampled from covers and content pages",{"type":11,"tag":34,"props":176,"children":178},{"id":177},"reconciled-primary-palette",[179],{"type":17,"value":180},"Reconciled primary palette",{"type":11,"tag":41,"props":182,"children":183},{},[184,209],{"type":11,"tag":45,"props":185,"children":186},{},[187],{"type":11,"tag":49,"props":188,"children":189},{},[190,195,200,204],{"type":11,"tag":53,"props":191,"children":192},{},[193],{"type":17,"value":194},"Name",{"type":11,"tag":53,"props":196,"children":197},{},[198],{"type":17,"value":199},"Hex",{"type":11,"tag":53,"props":201,"children":202},{},[203],{"type":17,"value":57},{"type":11,"tag":53,"props":205,"children":206},{},[207],{"type":17,"value":208},"Notes",{"type":11,"tag":64,"props":210,"children":211},{},[212,251,297,344,375,405],{"type":11,"tag":49,"props":213,"children":214},{},[215,224,233,238],{"type":11,"tag":71,"props":216,"children":217},{},[218],{"type":11,"tag":25,"props":219,"children":221},{"className":220},[],[222],{"type":17,"value":223},"tti.maroon",{"type":11,"tag":71,"props":225,"children":226},{},[227],{"type":11,"tag":25,"props":228,"children":230},{"className":229},[],[231],{"type":17,"value":232},"#5C0025",{"type":11,"tag":71,"props":234,"children":235},{},[236],{"type":17,"value":237},"PDFs (pixel-sampled)",{"type":11,"tag":71,"props":239,"children":240},{},[241,243,249],{"type":17,"value":242},"Slightly darker than the PPTX token ",{"type":11,"tag":25,"props":244,"children":246},{"className":245},[],[247],{"type":17,"value":248},"#5C0825",{"type":17,"value":250},". PDFs reflect actual printed\u002Fdigital output; PPTX is template-level. Use the PDF value.",{"type":11,"tag":49,"props":252,"children":253},{},[254,263,272,277],{"type":11,"tag":71,"props":255,"children":256},{},[257],{"type":11,"tag":25,"props":258,"children":260},{"className":259},[],[261],{"type":17,"value":262},"tti.gold",{"type":11,"tag":71,"props":264,"children":265},{},[266],{"type":11,"tag":25,"props":267,"children":269},{"className":268},[],[270],{"type":17,"value":271},"#DDAC37",{"type":11,"tag":71,"props":273,"children":274},{},[275],{"type":17,"value":276},"PDFs",{"type":11,"tag":71,"props":278,"children":279},{},[280,282,288,289,295],{"type":17,"value":281},"PPTX variants: ",{"type":11,"tag":25,"props":283,"children":285},{"className":284},[],[286],{"type":17,"value":287},"#DEAB37",{"type":17,"value":106},{"type":11,"tag":25,"props":290,"children":292},{"className":291},[],[293],{"type":17,"value":294},"#DCAA37",{"type":17,"value":296}," — all equivalent within print tolerance. Warm ochre, not bright yellow.",{"type":11,"tag":49,"props":298,"children":299},{},[300,309,318,323],{"type":11,"tag":71,"props":301,"children":302},{},[303],{"type":11,"tag":25,"props":304,"children":306},{"className":305},[],[307],{"type":17,"value":308},"tti.navy",{"type":11,"tag":71,"props":310,"children":311},{},[312],{"type":11,"tag":25,"props":313,"children":315},{"className":314},[],[316],{"type":17,"value":317},"#15457E",{"type":11,"tag":71,"props":319,"children":320},{},[321],{"type":17,"value":322},"PPTX option-1",{"type":11,"tag":71,"props":324,"children":325},{},[326,328,334,336,342],{"type":17,"value":327},"Used heavily in PPTX option-1 as ",{"type":11,"tag":25,"props":329,"children":331},{"className":330},[],[332],{"type":17,"value":333},"dk1",{"type":17,"value":335},"\u002F",{"type":11,"tag":25,"props":337,"children":339},{"className":338},[],[340],{"type":17,"value":341},"accent1",{"type":17,"value":343},". Less dominant in PDFs. Keep as secondary accent.",{"type":11,"tag":49,"props":345,"children":346},{},[347,356,365,370],{"type":11,"tag":71,"props":348,"children":349},{},[350],{"type":11,"tag":25,"props":351,"children":353},{"className":352},[],[354],{"type":17,"value":355},"tti.teal",{"type":11,"tag":71,"props":357,"children":358},{},[359],{"type":11,"tag":25,"props":360,"children":362},{"className":361},[],[363],{"type":17,"value":364},"#4A8892",{"type":11,"tag":71,"props":366,"children":367},{},[368],{"type":17,"value":369},"PPTX",{"type":11,"tag":71,"props":371,"children":372},{},[373],{"type":17,"value":374},"Tertiary, data-viz category color.",{"type":11,"tag":49,"props":376,"children":377},{},[378,387,396,400],{"type":11,"tag":71,"props":379,"children":380},{},[381],{"type":11,"tag":25,"props":382,"children":384},{"className":383},[],[385],{"type":17,"value":386},"tti.sage",{"type":11,"tag":71,"props":388,"children":389},{},[390],{"type":11,"tag":25,"props":391,"children":393},{"className":392},[],[394],{"type":17,"value":395},"#66814F",{"type":11,"tag":71,"props":397,"children":398},{},[399],{"type":17,"value":369},{"type":11,"tag":71,"props":401,"children":402},{},[403],{"type":17,"value":404},"Tertiary. Option-2\u002F3 templates promote sage as primary — we don't.",{"type":11,"tag":49,"props":406,"children":407},{},[408,417,426,430],{"type":11,"tag":71,"props":409,"children":410},{},[411],{"type":11,"tag":25,"props":412,"children":414},{"className":413},[],[415],{"type":17,"value":416},"tti.charcoal",{"type":11,"tag":71,"props":418,"children":419},{},[420],{"type":11,"tag":25,"props":421,"children":423},{"className":422},[],[424],{"type":17,"value":425},"#221F1F",{"type":11,"tag":71,"props":427,"children":428},{},[429],{"type":17,"value":276},{"type":11,"tag":71,"props":431,"children":432},{},[433,435,441],{"type":17,"value":434},"Body copy throughout. Not pure ",{"type":11,"tag":25,"props":436,"children":438},{"className":437},[],[439],{"type":17,"value":440},"#000",{"type":17,"value":442},".",{"type":11,"tag":34,"props":444,"children":446},{"id":445},"dark-theme",[447],{"type":17,"value":448},"Dark theme",{"type":11,"tag":19,"props":450,"children":451},{},[452,454,460,462,467,469,475,477,483,485,491],{"type":17,"value":453},"The ",{"type":11,"tag":25,"props":455,"children":457},{"className":456},[],[458],{"type":17,"value":459},"tti-dark",{"type":17,"value":461}," theme isn't derived from a TTI source artifact — TTI has no published dark palette. It's a tux-original mapping built to keep the editorial system legible after sunset while preserving brand recognition. Values are mirrored in ",{"type":11,"tag":25,"props":463,"children":465},{"className":464},[],[466],{"type":17,"value":30},{"type":17,"value":468}," (",{"type":11,"tag":25,"props":470,"children":472},{"className":471},[],[473],{"type":17,"value":474},"themes.tti-dark",{"type":17,"value":476},") and applied at runtime via ",{"type":11,"tag":25,"props":478,"children":480},{"className":479},[],[481],{"type":17,"value":482},"[data-theme=\"tti-dark\"]",{"type":17,"value":484}," in ",{"type":11,"tag":25,"props":486,"children":488},{"className":487},[],[489],{"type":17,"value":490},"app\u002Fassets\u002Fcss\u002Ftokens.css",{"type":17,"value":442},{"type":11,"tag":493,"props":494,"children":496},"h3",{"id":495},"why-primary-shifts-from-maroon-to-lifted-teal",[497],{"type":17,"value":498},"Why primary shifts from maroon to lifted teal",{"type":11,"tag":19,"props":500,"children":501},{},[502,504,510,511,517,519,524,526,531,532,538,540,546],{"type":17,"value":503},"Earlier dark drafts kept maroon as the brand primary by lightening it to rose-pink variants (",{"type":11,"tag":25,"props":505,"children":507},{"className":506},[],[508],{"type":17,"value":509},"#e795a8",{"type":17,"value":148},{"type":11,"tag":25,"props":512,"children":514},{"className":513},[],[515],{"type":17,"value":516},"#db859e",{"type":17,"value":518},"). They read ",{"type":11,"tag":168,"props":520,"children":521},{},[522],{"type":17,"value":523},"too pink",{"type":17,"value":525}," against the small chrome elements where the accent actually lives — composer borders, focus rings, active-tab text, input outlines. Consolidating the dark-mode accent on ",{"type":11,"tag":168,"props":527,"children":528},{},[529],{"type":17,"value":530},"lifted TTI teal",{"type":17,"value":468},{"type":11,"tag":25,"props":533,"children":535},{"className":534},[],[536],{"type":17,"value":537},"#6BB4C0",{"type":17,"value":539},", base ",{"type":11,"tag":25,"props":541,"children":543},{"className":542},[],[544],{"type":17,"value":545},"tti.teal #4A8892",{"type":17,"value":547}," lifted ~15%) gave the studio chrome a single coherent hue and cleared AAA on every dark surface:",{"type":11,"tag":41,"props":549,"children":550},{},[551,576],{"type":11,"tag":45,"props":552,"children":553},{},[554],{"type":11,"tag":49,"props":555,"children":556},{},[557,562,566],{"type":11,"tag":53,"props":558,"children":559},{},[560],{"type":17,"value":561},"Surface",{"type":11,"tag":53,"props":563,"children":564},{},[565],{"type":17,"value":199},{"type":11,"tag":53,"props":567,"children":568},{},[569,571],{"type":17,"value":570},"Contrast vs ",{"type":11,"tag":25,"props":572,"children":574},{"className":573},[],[575],{"type":17,"value":537},{"type":11,"tag":64,"props":577,"children":578},{},[579,605,630],{"type":11,"tag":49,"props":580,"children":581},{},[582,591,600],{"type":11,"tag":71,"props":583,"children":584},{},[585],{"type":11,"tag":25,"props":586,"children":588},{"className":587},[],[589],{"type":17,"value":590},"surface.page",{"type":11,"tag":71,"props":592,"children":593},{},[594],{"type":11,"tag":25,"props":595,"children":597},{"className":596},[],[598],{"type":17,"value":599},"#15100F",{"type":11,"tag":71,"props":601,"children":602},{},[603],{"type":17,"value":604},"~8.2:1",{"type":11,"tag":49,"props":606,"children":607},{},[608,617,625],{"type":11,"tag":71,"props":609,"children":610},{},[611],{"type":11,"tag":25,"props":612,"children":614},{"className":613},[],[615],{"type":17,"value":616},"surface.raised",{"type":11,"tag":71,"props":618,"children":619},{},[620],{"type":11,"tag":25,"props":621,"children":623},{"className":622},[],[624],{"type":17,"value":425},{"type":11,"tag":71,"props":626,"children":627},{},[628],{"type":17,"value":629},"7.1:1",{"type":11,"tag":49,"props":631,"children":632},{},[633,642,651],{"type":11,"tag":71,"props":634,"children":635},{},[636],{"type":11,"tag":25,"props":637,"children":639},{"className":638},[],[640],{"type":17,"value":641},"surface.sunken",{"type":11,"tag":71,"props":643,"children":644},{},[645],{"type":11,"tag":25,"props":646,"children":648},{"className":647},[],[649],{"type":17,"value":650},"#0B0908",{"type":11,"tag":71,"props":652,"children":653},{},[654],{"type":17,"value":655},"~8.7:1",{"type":11,"tag":19,"props":657,"children":658},{},[659],{"type":17,"value":660},"Gold accent stays unchanged — its job in dark is emphasis, not legibility, and the warm ochre keeps the TTI signature warmth on dark surfaces.",{"type":11,"tag":493,"props":662,"children":664},{"id":663},"how-maroon-brand-presence-is-preserved-on-dark",[665],{"type":17,"value":666},"How maroon brand presence is preserved on dark",{"type":11,"tag":19,"props":668,"children":669},{},[670,672,678],{"type":17,"value":671},"Three deliberate channels keep maroon visible even though ",{"type":11,"tag":25,"props":673,"children":675},{"className":674},[],[676],{"type":17,"value":677},"brand.primary",{"type":17,"value":679}," resolves to teal:",{"type":11,"tag":681,"props":682,"children":683},"ol",{},[684,720,749],{"type":11,"tag":685,"props":686,"children":687},"li",{},[688,697,699,704,705,710,712,718],{"type":11,"tag":168,"props":689,"children":690},{},[691],{"type":11,"tag":25,"props":692,"children":694},{"className":693},[],[695],{"type":17,"value":696},"brand.fill",{"type":17,"value":698}," stays ",{"type":11,"tag":25,"props":700,"children":702},{"className":701},[],[703],{"type":17,"value":223},{"type":17,"value":468},{"type":11,"tag":25,"props":706,"children":708},{"className":707},[],[709],{"type":17,"value":232},{"type":17,"value":711},"). Marketing panels (",{"type":11,"tag":25,"props":713,"children":715},{"className":714},[],[716],{"type":17,"value":717},"\u003CTuxCTA>",{"type":17,"value":719},", hero bands) still render white-on-wine. Same hex in every theme except HC.",{"type":11,"tag":685,"props":721,"children":722},{},[723,732,734,740,742,747],{"type":11,"tag":168,"props":724,"children":725},{},[726],{"type":11,"tag":25,"props":727,"children":729},{"className":728},[],[730],{"type":17,"value":731},"chart.1",{"type":17,"value":733}," is pinned to wine-rose ",{"type":11,"tag":25,"props":735,"children":737},{"className":736},[],[738],{"type":17,"value":739},"#c47585",{"type":17,"value":741}," rather than ",{"type":11,"tag":25,"props":743,"children":745},{"className":744},[],[746],{"type":17,"value":677},{"type":17,"value":748},". The primary chart series stays in the maroon family so a TTI dashboard reads as a TTI dashboard.",{"type":11,"tag":685,"props":750,"children":751},{},[752,763,765,770,772,778,780,786],{"type":11,"tag":168,"props":753,"children":754},{},[755,757],{"type":17,"value":756},"Nuxt UI's ",{"type":11,"tag":25,"props":758,"children":760},{"className":759},[],[761],{"type":17,"value":762},"--color-maroon-400",{"type":17,"value":764}," is overridden to ",{"type":11,"tag":25,"props":766,"children":768},{"className":767},[],[769],{"type":17,"value":537},{"type":17,"value":771}," so solid primary buttons inherit the teal accent. (Implementation detail in ",{"type":11,"tag":25,"props":773,"children":775},{"className":774},[],[776],{"type":17,"value":777},"tokens.css",{"type":17,"value":779},"; not exposed in ",{"type":11,"tag":25,"props":781,"children":783},{"className":782},[],[784],{"type":17,"value":785},"tokens.json",{"type":17,"value":787}," because it's a vendor-namespace override.)",{"type":11,"tag":493,"props":789,"children":791},{"id":790},"lifted-semantic-chart-map-palettes",[792],{"type":17,"value":793},"Lifted semantic + chart + map palettes",{"type":11,"tag":19,"props":795,"children":796},{},[797,799,804,806,812],{"type":17,"value":798},"Every semantic color is lifted to clear AAA (7:1) on ",{"type":11,"tag":25,"props":800,"children":802},{"className":801},[],[803],{"type":17,"value":590},{"type":17,"value":805},". Numbers verified by ",{"type":11,"tag":25,"props":807,"children":809},{"className":808},[],[810],{"type":17,"value":811},"\u002Fcontrast-audit",{"type":17,"value":813},":",{"type":11,"tag":41,"props":815,"children":816},{},[817,843],{"type":11,"tag":45,"props":818,"children":819},{},[820],{"type":11,"tag":49,"props":821,"children":822},{},[823,828,833,838],{"type":11,"tag":53,"props":824,"children":825},{},[826],{"type":17,"value":827},"Semantic",{"type":11,"tag":53,"props":829,"children":830},{},[831],{"type":17,"value":832},"Light base",{"type":11,"tag":53,"props":834,"children":835},{},[836],{"type":17,"value":837},"Dark lifted",{"type":11,"tag":53,"props":839,"children":840},{},[841],{"type":17,"value":842},"Mapping",{"type":11,"tag":64,"props":844,"children":845},{},[846,882,918,953],{"type":11,"tag":49,"props":847,"children":848},{},[849,858,868,877],{"type":11,"tag":71,"props":850,"children":851},{},[852],{"type":11,"tag":25,"props":853,"children":855},{"className":854},[],[856],{"type":17,"value":857},"success",{"type":11,"tag":71,"props":859,"children":860},{},[861,866],{"type":11,"tag":25,"props":862,"children":864},{"className":863},[],[865],{"type":17,"value":395},{"type":17,"value":867}," (sage)",{"type":11,"tag":71,"props":869,"children":870},{},[871],{"type":11,"tag":25,"props":872,"children":874},{"className":873},[],[875],{"type":17,"value":876},"#ABCC8E",{"type":11,"tag":71,"props":878,"children":879},{},[880],{"type":17,"value":881},"mint",{"type":11,"tag":49,"props":883,"children":884},{},[885,894,904,913],{"type":11,"tag":71,"props":886,"children":887},{},[888],{"type":11,"tag":25,"props":889,"children":891},{"className":890},[],[892],{"type":17,"value":893},"warning",{"type":11,"tag":71,"props":895,"children":896},{},[897,902],{"type":11,"tag":25,"props":898,"children":900},{"className":899},[],[901],{"type":17,"value":271},{"type":17,"value":903}," (gold)",{"type":11,"tag":71,"props":905,"children":906},{},[907],{"type":11,"tag":25,"props":908,"children":910},{"className":909},[],[911],{"type":17,"value":912},"#F5D98A",{"type":11,"tag":71,"props":914,"children":915},{},[916],{"type":17,"value":917},"pale wheat",{"type":11,"tag":49,"props":919,"children":920},{},[921,930,940,948],{"type":11,"tag":71,"props":922,"children":923},{},[924],{"type":11,"tag":25,"props":925,"children":927},{"className":926},[],[928],{"type":17,"value":929},"danger",{"type":11,"tag":71,"props":931,"children":932},{},[933,938],{"type":11,"tag":25,"props":934,"children":936},{"className":935},[],[937],{"type":17,"value":232},{"type":17,"value":939}," (maroon)",{"type":11,"tag":71,"props":941,"children":942},{},[943],{"type":11,"tag":25,"props":944,"children":946},{"className":945},[],[947],{"type":17,"value":509},{"type":11,"tag":71,"props":949,"children":950},{},[951],{"type":17,"value":952},"pale rose",{"type":11,"tag":49,"props":954,"children":955},{},[956,965,975,984],{"type":11,"tag":71,"props":957,"children":958},{},[959],{"type":11,"tag":25,"props":960,"children":962},{"className":961},[],[963],{"type":17,"value":964},"info",{"type":11,"tag":71,"props":966,"children":967},{},[968,973],{"type":11,"tag":25,"props":969,"children":971},{"className":970},[],[972],{"type":17,"value":364},{"type":17,"value":974}," (teal)",{"type":11,"tag":71,"props":976,"children":977},{},[978],{"type":11,"tag":25,"props":979,"children":981},{"className":980},[],[982],{"type":17,"value":983},"#9BD4E0",{"type":11,"tag":71,"props":985,"children":986},{},[987],{"type":17,"value":988},"pale cyan",{"type":11,"tag":19,"props":990,"children":991},{},[992,994,999,1001,1007,1009,1015],{"type":17,"value":993},"The 8-step categorical chart palette and the maroon\u002Fslate map ramps follow the same lift pattern — exact values in ",{"type":11,"tag":25,"props":995,"children":997},{"className":996},[],[998],{"type":17,"value":785},{"type":17,"value":1000}," under ",{"type":11,"tag":25,"props":1002,"children":1004},{"className":1003},[],[1005],{"type":17,"value":1006},"themes.tti-dark.chart",{"type":17,"value":1008}," and ",{"type":11,"tag":25,"props":1010,"children":1012},{"className":1011},[],[1013],{"type":17,"value":1014},".map",{"type":17,"value":442},{"type":11,"tag":493,"props":1017,"children":1019},{"id":1018},"asymmetry-note",[1020],{"type":17,"value":1021},"Asymmetry note",{"type":11,"tag":19,"props":1023,"children":1024},{},[1025,1031,1032,1038,1040,1046,1048,1054,1055,1060,1062,1068,1070,1075,1077,1083,1084,1090,1091,1097,1099,1105],{"type":11,"tag":25,"props":1026,"children":1028},{"className":1027},[],[1029],{"type":17,"value":1030},"themes.tti",{"type":17,"value":1008},{"type":11,"tag":25,"props":1033,"children":1035},{"className":1034},[],[1036],{"type":17,"value":1037},"themes.tti-hc",{"type":17,"value":1039}," only declare ",{"type":11,"tag":25,"props":1041,"children":1043},{"className":1042},[],[1044],{"type":17,"value":1045},"brand",{"type":17,"value":1047}," + ",{"type":11,"tag":25,"props":1049,"children":1051},{"className":1050},[],[1052],{"type":17,"value":1053},"surface",{"type":17,"value":1047},{"type":11,"tag":25,"props":1056,"children":1058},{"className":1057},[],[1059],{"type":17,"value":17},{"type":17,"value":1061}," because their semantic \u002F chart \u002F map values inherit from the base ",{"type":11,"tag":25,"props":1063,"children":1065},{"className":1064},[],[1066],{"type":17,"value":1067},"color.semantic",{"type":17,"value":1069}," block. ",{"type":11,"tag":25,"props":1071,"children":1073},{"className":1072},[],[1074],{"type":17,"value":474},{"type":17,"value":1076}," additionally declares ",{"type":11,"tag":25,"props":1078,"children":1080},{"className":1079},[],[1081],{"type":17,"value":1082},"semantic",{"type":17,"value":148},{"type":11,"tag":25,"props":1085,"children":1087},{"className":1086},[],[1088],{"type":17,"value":1089},"focus",{"type":17,"value":148},{"type":11,"tag":25,"props":1092,"children":1094},{"className":1093},[],[1095],{"type":17,"value":1096},"chart",{"type":17,"value":1098},", and ",{"type":11,"tag":25,"props":1100,"children":1102},{"className":1101},[],[1103],{"type":17,"value":1104},"map",{"type":17,"value":1106}," because every one of those needs lifted values to clear AAA on dark surfaces. That asymmetry is real; don't flatten it by inheriting through to dark.",{"type":11,"tag":34,"props":1108,"children":1110},{"id":1109},"high-contrast-508-palette",[1111],{"type":17,"value":1112},"High-contrast (508) palette",{"type":11,"tag":19,"props":1114,"children":1115},{},[1116,1118,1123],{"type":17,"value":1117},"From ",{"type":11,"tag":25,"props":1119,"children":1121},{"className":1120},[],[1122],{"type":17,"value":129},{"type":17,"value":813},{"type":11,"tag":41,"props":1125,"children":1126},{},[1127,1147],{"type":11,"tag":45,"props":1128,"children":1129},{},[1130],{"type":11,"tag":49,"props":1131,"children":1132},{},[1133,1138,1142],{"type":11,"tag":53,"props":1134,"children":1135},{},[1136],{"type":17,"value":1137},"Slot",{"type":11,"tag":53,"props":1139,"children":1140},{},[1141],{"type":17,"value":199},{"type":11,"tag":53,"props":1143,"children":1144},{},[1145],{"type":17,"value":1146},"Role",{"type":11,"tag":64,"props":1148,"children":1149},{},[1150,1171,1193,1215,1236],{"type":11,"tag":49,"props":1151,"children":1152},{},[1153,1157,1166],{"type":11,"tag":71,"props":1154,"children":1155},{},[1156],{"type":17,"value":333},{"type":11,"tag":71,"props":1158,"children":1159},{},[1160],{"type":11,"tag":25,"props":1161,"children":1163},{"className":1162},[],[1164],{"type":17,"value":1165},"#000000",{"type":11,"tag":71,"props":1167,"children":1168},{},[1169],{"type":17,"value":1170},"text \u002F hi-contrast foreground",{"type":11,"tag":49,"props":1172,"children":1173},{},[1174,1179,1188],{"type":11,"tag":71,"props":1175,"children":1176},{},[1177],{"type":17,"value":1178},"lt1",{"type":11,"tag":71,"props":1180,"children":1181},{},[1182],{"type":11,"tag":25,"props":1183,"children":1185},{"className":1184},[],[1186],{"type":17,"value":1187},"#FFFFFE",{"type":11,"tag":71,"props":1189,"children":1190},{},[1191],{"type":17,"value":1192},"background",{"type":11,"tag":49,"props":1194,"children":1195},{},[1196,1201,1210],{"type":11,"tag":71,"props":1197,"children":1198},{},[1199],{"type":17,"value":1200},"dk2",{"type":11,"tag":71,"props":1202,"children":1203},{},[1204],{"type":11,"tag":25,"props":1205,"children":1207},{"className":1206},[],[1208],{"type":17,"value":1209},"#500000",{"type":11,"tag":71,"props":1211,"children":1212},{},[1213],{"type":17,"value":1214},"deepened maroon accent",{"type":11,"tag":49,"props":1216,"children":1217},{},[1218,1223,1231],{"type":11,"tag":71,"props":1219,"children":1220},{},[1221],{"type":17,"value":1222},"lt2",{"type":11,"tag":71,"props":1224,"children":1225},{},[1226],{"type":11,"tag":25,"props":1227,"children":1229},{"className":1228},[],[1230],{"type":17,"value":294},{"type":11,"tag":71,"props":1232,"children":1233},{},[1234],{"type":17,"value":1235},"gold accent",{"type":11,"tag":49,"props":1237,"children":1238},{},[1239,1244,1253],{"type":11,"tag":71,"props":1240,"children":1241},{},[1242],{"type":17,"value":1243},"accent5",{"type":11,"tag":71,"props":1245,"children":1246},{},[1247],{"type":11,"tag":25,"props":1248,"children":1250},{"className":1249},[],[1251],{"type":17,"value":1252},"#CBCBCB",{"type":11,"tag":71,"props":1254,"children":1255},{},[1256],{"type":17,"value":1257},"light divider",{"type":11,"tag":19,"props":1259,"children":1260},{},[1261],{"type":17,"value":1262},"Uses Arial (vs Calibri for regular templates) — PPTX-specific, doesn't affect web choice.",{"type":11,"tag":34,"props":1264,"children":1266},{"id":1265},"conflict-log-important",[1267],{"type":17,"value":1268},"Conflict log (important)",{"type":11,"tag":681,"props":1270,"children":1271},{},[1272,1320,1344],{"type":11,"tag":685,"props":1273,"children":1274},{},[1275,1298,1300,1305,1307,1313,1315],{"type":11,"tag":168,"props":1276,"children":1277},{},[1278,1280,1285,1287,1292,1293],{"type":17,"value":1279},"PPTX option-1 makes navy ",{"type":11,"tag":25,"props":1281,"children":1283},{"className":1282},[],[1284],{"type":17,"value":317},{"type":17,"value":1286}," the ",{"type":11,"tag":25,"props":1288,"children":1290},{"className":1289},[],[1291],{"type":17,"value":333},{"type":17,"value":335},{"type":11,"tag":25,"props":1294,"children":1296},{"className":1295},[],[1297],{"type":17,"value":341},{"type":17,"value":1299}," but the PDFs anchor heavily on maroon ",{"type":11,"tag":25,"props":1301,"children":1303},{"className":1302},[],[1304],{"type":17,"value":232},{"type":17,"value":1306},". PPTX templates include multiple approved color ",{"type":11,"tag":1308,"props":1309,"children":1310},"em",{},[1311],{"type":17,"value":1312},"flavors",{"type":17,"value":1314},"; PDFs reflect the actual produced brand. ",{"type":11,"tag":168,"props":1316,"children":1317},{},[1318],{"type":17,"value":1319},"Web UI anchors on maroon + gold.",{"type":11,"tag":685,"props":1321,"children":1322},{},[1323,1342],{"type":11,"tag":168,"props":1324,"children":1325},{},[1326,1328,1333,1335,1340],{"type":17,"value":1327},"PPTX maroon (",{"type":11,"tag":25,"props":1329,"children":1331},{"className":1330},[],[1332],{"type":17,"value":248},{"type":17,"value":1334},") vs PDF-sampled maroon (",{"type":11,"tag":25,"props":1336,"children":1338},{"className":1337},[],[1339],{"type":17,"value":232},{"type":17,"value":1341},")",{"type":17,"value":1343}," are 3 points apart in the red channel — within any reasonable Delta-E tolerance. PDF value chosen for the token because it's what readers see.",{"type":11,"tag":685,"props":1345,"children":1346},{},[1347,1352,1353,1358,1359,1364,1365,1370,1372,1377],{"type":11,"tag":168,"props":1348,"children":1349},{},[1350],{"type":17,"value":1351},"Gold has three variants",{"type":17,"value":468},{"type":11,"tag":25,"props":1354,"children":1356},{"className":1355},[],[1357],{"type":17,"value":287},{"type":17,"value":148},{"type":11,"tag":25,"props":1360,"children":1362},{"className":1361},[],[1363],{"type":17,"value":294},{"type":17,"value":148},{"type":11,"tag":25,"props":1366,"children":1368},{"className":1367},[],[1369],{"type":17,"value":271},{"type":17,"value":1371},") across artifacts — all within 2 points per channel. ",{"type":11,"tag":25,"props":1373,"children":1375},{"className":1374},[],[1376],{"type":17,"value":271},{"type":17,"value":1378}," is the middle value and what PDFs sample; use it.",{"type":11,"tag":34,"props":1380,"children":1382},{"id":1381},"typography-reconciled",[1383],{"type":17,"value":1384},"Typography — reconciled",{"type":11,"tag":41,"props":1386,"children":1387},{},[1388,1409],{"type":11,"tag":45,"props":1389,"children":1390},{},[1391],{"type":11,"tag":49,"props":1392,"children":1393},{},[1394,1399,1404],{"type":11,"tag":53,"props":1395,"children":1396},{},[1397],{"type":17,"value":1398},"Artifact",{"type":11,"tag":53,"props":1400,"children":1401},{},[1402],{"type":17,"value":1403},"Heading",{"type":11,"tag":53,"props":1405,"children":1406},{},[1407],{"type":17,"value":1408},"Body",{"type":11,"tag":64,"props":1410,"children":1411},{},[1412,1430,1459],{"type":11,"tag":49,"props":1413,"children":1414},{},[1415,1420,1425],{"type":11,"tag":71,"props":1416,"children":1417},{},[1418],{"type":17,"value":1419},"PPTX (all templates)",{"type":11,"tag":71,"props":1421,"children":1422},{},[1423],{"type":17,"value":1424},"Calibri Light",{"type":11,"tag":71,"props":1426,"children":1427},{},[1428],{"type":17,"value":1429},"Calibri",{"type":11,"tag":49,"props":1431,"children":1432},{},[1433,1449,1454],{"type":11,"tag":71,"props":1434,"children":1435},{},[1436,1441,1442,1447],{"type":11,"tag":25,"props":1437,"children":1439},{"className":1438},[],[1440],{"type":17,"value":161},{"type":17,"value":148},{"type":11,"tag":25,"props":1443,"children":1445},{"className":1444},[],[1446],{"type":17,"value":146},{"type":17,"value":1448}," (older system)",{"type":11,"tag":71,"props":1450,"children":1451},{},[1452],{"type":17,"value":1453},"Imago, Franklin Gothic (mixed)",{"type":11,"tag":71,"props":1455,"children":1456},{},[1457],{"type":17,"value":1458},"AGaramondPro (serif) \u002F Open Sans",{"type":11,"tag":49,"props":1460,"children":1461},{},[1462,1472,1477],{"type":11,"tag":71,"props":1463,"children":1464},{},[1465,1470],{"type":11,"tag":25,"props":1466,"children":1468},{"className":1467},[],[1469],{"type":17,"value":154},{"type":17,"value":1471}," (newer system)",{"type":11,"tag":71,"props":1473,"children":1474},{},[1475],{"type":17,"value":1476},"Franklin Gothic ATF",{"type":11,"tag":71,"props":1478,"children":1479},{},[1480],{"type":17,"value":1476},{"type":11,"tag":19,"props":1482,"children":1483},{},[1484,1489,1491,1496,1498,1503],{"type":11,"tag":168,"props":1485,"children":1486},{},[1487],{"type":17,"value":1488},"Direction:",{"type":17,"value":1490}," the newer (factsheet) system is where TTI is headed. Franklin Gothic ATF is a licensed font — we match the ",{"type":11,"tag":1308,"props":1492,"children":1493},{},[1494],{"type":17,"value":1495},"feel",{"type":17,"value":1497}," with ",{"type":11,"tag":168,"props":1499,"children":1500},{},[1501],{"type":17,"value":1502},"Public Sans",{"type":17,"value":1504}," (US Web Design System, open-source, visually close). If TTI licenses Franklin Gothic ATF for web, we swap the token value; no other changes needed.",{"type":11,"tag":34,"props":1506,"children":1508},{"id":1507},"visual-identity-cues-to-preserve-in-tux",[1509],{"type":17,"value":1510},"Visual identity cues to preserve in tux",{"type":11,"tag":1512,"props":1513,"children":1514},"ul",{},[1515,1533,1543,1553,1563],{"type":11,"tag":685,"props":1516,"children":1517},{},[1518,1523,1525,1531],{"type":11,"tag":168,"props":1519,"children":1520},{},[1521],{"type":17,"value":1522},"Big-number stats",{"type":17,"value":1524}," — oversized maroon or gold numerals with tiny tracked-out labels. Single most recognizable TTI design move. See ",{"type":11,"tag":25,"props":1526,"children":1528},{"className":1527},[],[1529],{"type":17,"value":1530},"BigStat",{"type":17,"value":1532}," in the components doc.",{"type":11,"tag":685,"props":1534,"children":1535},{},[1536,1541],{"type":11,"tag":168,"props":1537,"children":1538},{},[1539],{"type":17,"value":1540},"ALL-CAPS section headers",{"type":17,"value":1542}," — letter-spaced, bold sans-serif. Editorial rhythm throughout the collateral.",{"type":11,"tag":685,"props":1544,"children":1545},{},[1546,1551],{"type":11,"tag":168,"props":1547,"children":1548},{},[1549],{"type":17,"value":1550},"Maroon square bullets",{"type":17,"value":1552}," in lists.",{"type":11,"tag":685,"props":1554,"children":1555},{},[1556,1561],{"type":11,"tag":168,"props":1557,"children":1558},{},[1559],{"type":17,"value":1560},"Editorial grid",{"type":17,"value":1562},", not card-heavy dashboard. Leave white space.",{"type":11,"tag":685,"props":1564,"children":1565},{},[1566,1571],{"type":11,"tag":168,"props":1567,"children":1568},{},[1569],{"type":17,"value":1570},"Maroon + gold as primary data-viz pair",{"type":17,"value":1572},", with teal\u002Fnavy\u002Fsage as category extenders.",{"type":11,"tag":34,"props":1574,"children":1576},{"id":1575},"relationship-to-tamus",[1577],{"type":17,"value":1578},"Relationship to TAMUS",{"type":11,"tag":19,"props":1580,"children":1581},{},[1582,1584,1589],{"type":17,"value":1583},"TTI presents as its ",{"type":11,"tag":168,"props":1585,"children":1586},{},[1587],{"type":17,"value":1588},"own institutional voice that happens to live in the A&M system",{"type":17,"value":1590},". Boilerplate (\"an agency of the State of Texas and member of The Texas A&M University System\") appears in body copy, not as a co-branded logo lockup. Aggie maroon is the cue — not a TAMUS logo.",{"type":11,"tag":19,"props":1592,"children":1593},{},[1594,1596,1602,1604,1610],{"type":17,"value":1595},"tux follows: themes per institution; TTI is not \"a TAMU skin.\" The ",{"type":11,"tag":25,"props":1597,"children":1599},{"className":1598},[],[1600],{"type":17,"value":1601},"tti",{"type":17,"value":1603}," theme and the ",{"type":11,"tag":25,"props":1605,"children":1607},{"className":1606},[],[1608],{"type":17,"value":1609},"tamu",{"type":17,"value":1611}," theme are siblings, not parent-child.",{"title":1613,"searchDepth":1614,"depth":1614,"links":1615},"",2,[1616,1617,1618,1625,1626,1627,1628,1629],{"id":36,"depth":1614,"text":39},{"id":177,"depth":1614,"text":180},{"id":445,"depth":1614,"text":448,"children":1619},[1620,1622,1623,1624],{"id":495,"depth":1621,"text":498},3,{"id":663,"depth":1621,"text":666},{"id":790,"depth":1621,"text":793},{"id":1018,"depth":1621,"text":1021},{"id":1109,"depth":1614,"text":1112},{"id":1265,"depth":1614,"text":1268},{"id":1381,"depth":1614,"text":1384},{"id":1507,"depth":1614,"text":1510},{"id":1575,"depth":1614,"text":1578},1788285289106]