{"meta":{"slug":"aact","name":"AACT","version":"1.0.0","lastUpdated":"2026-10-07","canonicalUrl":"/brand/aact","summary":"The American Association of Chemistry Teachers: a community created by the American Chemical Society offering resources for teaching, networking opportunities, sharing best practices, and more, for K-12 teachers of chemistry.","changeNote":"v1.0 (October 2026). First registration on the Workhorse token system. Every value is TRANSCRIBED from AACT Brand Guidelines Version 1.0 (58 pages, (c) 2014 American Chemical Society; Dropbox Projects/AACT/4_Client Provided Assets/1_Brand/aact_brand_guidelines.pdf), the two .ase swatch files beside it, and the logo artwork AACT_R_rgb (3_Assets/brand). The version number is the book's. Where the book's own web colors fail WCAG 2.1 AA at the sizes the book assigns them, the system names an accessible role taken from the book's own palette and records the deviation in place; none of those deviations is approved by AACT yet, and the book routes every unlisted usage through the AACT brand representative.","sourceNote":"transcribed from the 2014 PDF brand guidelines","system":{"tagline":"AACT's 2014 brand guidelines, with the web colors checked against WCAG.","description":"The brand guidelines AACT published in 2014, transcribed page by page: the logo, the primary and secondary palettes, The Serif type family, the tile pattern, the pillar icons, and the rules for print, email, video, apparel and the website. One layer is added. The book's web colors were checked for contrast, and where a color fails at the size the book uses it, the system uses a darker color the book already prints.","status":"active","engagementWindow":"2017 - 2025","fontStylesheets":["https://use.typekit.net/ckt8xuj.css"],"applicationNote":{"title":"Where the book's web colors fail, and what the system uses instead","paragraphs":["The 2014 book says AACT Teal was optimized for the web in accordance with WCAG, and gives #00A693 as Medium Teal and the primary navigation color. Measured, #00A693 is 3.05:1 behind white text and 3.05:1 as text on white, which passes only for large type. The book itself carries the fix on page 10.2: the association name in the digital logo was changed to #048672 for WCAG, and #048672 measures 4.51:1. The system uses #048672 for teal text and for any teal fill that carries white text at body size.","Two heading colors fail at their specified sizes: H2 in Medium Orange #E55302 at 23px measures 3.77:1, and H3 in Dark Teal #008779 at 21px measures 4.43:1. Both are below the 24px threshold for large text. Orange headings use the book's Dark Orange #C44600 (4.97:1); teal headings use #048672.","The brand pillars plate sets white bold text on Teal #00C7B1 (2.14:1) and on Gold #ED8B00 (2.53:1). On those two fields the system sets text in AACT Dark Blue #253746, which measures 5.72:1 on Teal and 4.84:1 on Gold. The fields keep their color; only the type changes."]},"$fonts":{"note":"The AACT Adobe Fonts kit ckt8xuj (Workhorse account, created 2026-10-07) serves proxima-nova 400, 400 italic, 600, 700 and museo-slab 500, so the brand book and the product render in the book's web faces. The Serif family is print only and is not served.","theSerif":"The Serif, The Mix and The Sans (Luc(as) de Groot, LucasFonts, 1994). Commercial desktop licence held by AACT/ACS, not by Workhorse. Print and marketing only per the usage guide on page 2.4. Fallback for the platform: Georgia, which the book itself approves for email and presentations.","proximaNova":"Proxima Nova (Mark Simonson) through kit ckt8xuj: 400, 400 italic, 600, 700. Body, controls, labels. The book calls Light the web regular; Regular 400 is used because Light at 16px reads thin on screen.","museoSlab":"Museo Slab (exljbris) through kit ckt8xuj: 500. Every heading. The kit also carries Museo Slab 100 and Museo Slab Rounded, unused; fonts download only when used.","calibri":"Calibri and Georgia are the only faces approved for the PowerPoint template (page 6.1); Calibri carries email signatures (page 7.1)."}}},"foundation":{"$description":"AACT. Foundation. Every field is TRANSCRIBED from AACT Brand Guidelines v1.0 (2014); $sources names the page. Nothing is authored here. Fields the book does not state (elevator pitch, established date beyond the 2014 launch) are deliberately absent rather than invented.","name":"AACT","fullName":"American Association of Chemistry Teachers","tagline":"Share. Connect. Succeed.","descriptor":"The premier and only association for teachers of chemistry.","position":"The American Association of Chemistry Teachers (AACT) is a community offering resources for teaching, networking opportunities, sharing best practices, and more.","foundingBelief":"The American Association of Chemistry Teachers is founded on the guiding principle that we are creating a community by and for teachers of chemistry.","mission":"Present the simple, consistent, and clear image that will build equity for our members and potential members, and position AACT as the premier resource for teachers of chemistry.","valueProposition":"The brand speaks to the joy of teaching chemistry, professional growth, and fostering relationships with teachers and students.","origin":"The American Chemical Society (ACS) is known for producing high-quality, reliable resources in the field of chemistry, so it was only natural that ACS would create an association exclusive and targeted to teachers of chemistry. 'The American Association of Chemistry Teachers' is a descriptive name indicating that this association is the premier and only association for teachers of chemistry and ties back to ACS, the American Chemical Society.","homepageLine":"teachchemistry.org","endorsement":"The American Association of Chemistry Teachers is brought to you by the American Chemical Society.","$sources":{"tagline":"p. 10.1 and 10.2, the teachchemistry.org homepage hero; the three pillars on p. III","descriptor":"p. 1.1, The AACT Logo","position":"p. II, Brand Story, paragraph 2","foundingBelief":"p. 2.1, the typographic specimen, set as a statement of principle","mission":"p. I, Introduction","valueProposition":"p. II, Brand Story, paragraph 3","origin":"p. II, Brand Story, paragraph 1; p. 1.1","homepageLine":"p. 10.2 and the back cover","endorsement":"p. 1.9 co-branding lockup and the back cover"}},"heritage":{"$description":"AACT. Heritage. TRANSCRIBED from AACT Brand Guidelines v1.0 (2014): the cover, the Introduction (p. I), Brand Story (p. II) and Brand Pillars (p. III). The pillar bodies are the book's words verbatim. The pillar colors are the book's pairing (p. 4.2): each time an icon is shown, the same color goes with the same pillar.","coverPullQuote":{"headline":"Brand Guidelines","subhead":"Version 1.0","body":"American Association of Chemistry Teachers"},"openingChapter":{"eyebrow":"Introduction","headline":"Introduction","body":"This document is a reference tool providing standards for usage of the American Association of Chemistry Teachers (AACT) brand. These guidelines help present the simple, consistent, and clear image that will build equity for our members and potential members. While this document contains guidance for most basic applications of the AACT brand, it cannot anticipate all possible usages. Any uses not directly addressed here require approval by AACT staff, through the AACT brand representative."},"originStory":{"headline":"Brand Story","paragraphs":["The American Chemical Society (ACS) is known for producing high-quality, reliable resources in the field of chemistry, so it was only natural that ACS would create an association exclusive and targeted to teachers of chemistry.","The American Association of Chemistry Teachers (AACT) is a community offering resources for teaching, networking opportunities, sharing best practices, and more.","The AACT brand was developed with all this in mind as well as connecting with members and potential members on an emotional level. The brand speaks to the joy of teaching chemistry, professional growth, and fostering relationships with teachers and students."],"footnote":"AACT launched in September 2014, the first organization of its kind in the US (ACS press release, p. 6.2)."},"background":"By delivering consistent messages about the AACT brand, we will efficiently increase awareness of the brand and what we stand for. Every day, each of us can strengthen the AACT brand by consistently communicating relevant key messages to our members and potential members. The Brand Pillars explain the key messages for the AACT brand. These pillars should be referenced when developing new programs and resources to ensure we are upholding our brand messaging.","pillars":[{"id":"share","label":"Share","subtitle":"AACT Medium Blue","body":"We provide our community with the platforms, articles, and tools to share time-saving and innovative ideas with other K-12 teachers of chemistry. We empower our community to contribute its voice and opinions to help shape the future of AACT and chemistry education."},{"id":"connect","label":"Connect","subtitle":"AACT Teal","body":"We are a community of passionate teachers of chemistry where teachers can find support, ask questions, and overcome challenges. We connect our community with quality teaching resources and innovative ideas for creating new lessons as well as with each other."},{"id":"succeed","label":"Succeed","subtitle":"AACT Gold","body":"We create professional development opportunities and provide the most current information on trends, topics, and shifts in chemistry education. We provide opportunities for our community to learn from one another's experiences and mentor those with less experience."}],"manifestoQuote":"The American Association of Chemistry Teachers is founded on the guiding principle that we are creating a community by and for teachers of chemistry."},"voice":{"$source":"TRANSCRIBED from AACT Brand Guidelines v1.0 (2014). The book is a visual identity manual: it states key messages (the three pillars), how the brand should feel, and a few naming rules, but it has no writing guidelines, no do and don't list, and no banned terms. This file carries only what the book states and names its page; everything a full voice spec would need beyond that is listed under $gaps and is owed by AACT. Corrections go through the voice queue, never by hand-editing this file.","tone":["Simple","Consistent","Clear"],"register":"Warm and welcoming, inviting and uplifting, and trusted. The book asks for 'the simple, consistent, and clear image' (p. I), describes the logo's name as a 'warm, welcoming font' (p. 1.1), the warm colors as 'inviting and uplifting' and the blues as expressing 'trust' (p. 3.1), and says the brand 'speaks to the joy of teaching chemistry, professional growth, and fostering relationships with teachers and students' (p. II). It writes in the first person plural, as the community: 'We are a community of passionate teachers of chemistry.'","guidelines":[{"rule":"Carry one of the three pillars in every message.","derivedFrom":"Brand Pillars, p. III","explanation":"Share, Connect and Succeed are the key messages. 'These pillars should be referenced when developing new programs and resources to ensure we are upholding our brand messaging.' Share: platforms, articles and tools to share time-saving ideas, and a voice in AACT's future. Connect: a community where teachers find support, ask questions and overcome challenges. Succeed: professional development, current information on trends in chemistry education, and mentoring."},{"rule":"Speak to the joy of teaching chemistry, professional growth, and relationships.","derivedFrom":"Brand Story, p. II","explanation":"The brand was built to connect with members and potential members on an emotional level, not only to list resources."},{"rule":"Write for teachers of chemistry, K-12.","derivedFrom":"Brand Pillars p. III; logo p. 1.1","explanation":"The audience is K-12 teachers of chemistry, members and potential members. The logo sets 'of Chemistry Teachers' in italic 'to further emphasize the beneficiaries of the association.'"},{"rule":"Name the association in full before using AACT.","derivedFrom":"Introduction p. I; Brand Story p. II; press release p. 6.2","explanation":"Every page of the book introduces 'the American Association of Chemistry Teachers (AACT)' before it uses the acronym. The name is descriptive on purpose: it ties back to ACS, the American Chemical Society."},{"rule":"Credit ACS as the endorser, not the author.","derivedFrom":"Co-branding p. 1.9; stationery p. 5.2","explanation":"The fixed line is 'The American Association of Chemistry Teachers is brought to you by the American Chemical Society.' ACS is less prominent than AACT wherever both appear."}],"preferredTerms":["American Association of Chemistry Teachers","AACT","teachers of chemistry","Share. Connect. Succeed.","community","teachchemistry.org","AACTconnect","Chemistry Solutions"],"$gaps":["No writing rules: sentence length, contractions, punctuation, exclamation points.","No do and don't pairs or sample copy beyond the pillars.","No banned terms.","No guidance for students as readers, which the chemistry app concept (docs/roadmap/AACT_SIMS.md) would need.","Ask AACT for current editorial style (ACS house style is the likely source) before writing long-form copy as AACT."]},"logo":{"$description":"AACT. Logo. TRANSCRIBED from AACT Brand Guidelines v1.0, pages 1.1 to 1.9, 7.3, 8.1, 8.2 and 10.2. The SVG files are cut from AACT's own artwork (3_Assets/brand/AACT_R_rgb, Illustrator export): the registered version is that file with a tight viewBox; the others remove a group or recolor one, each exactly as the book draws it. Nothing is redrawn. Variants the book shows but this artwork cannot produce exactly (the white reverse with its tinted tiles, the grayscale logo, the TM version, the 4-spot logo) are declared with no file and are owed by AACT.","narrative":{"eyebrow":"Brand Guidelines / AACT Logo","headline":"The AACT Logo","body":"The AACT logo is composed of three elements: the AACT acronym wordmark, the full association name, and the tile icon. The tile icon, integrated within the \"C,\" represents many visual metaphors for the brand. The acronym wordmark and the full association name are optically justified in alignment. These elements, their relative sizes, and their placement relative to each other must not be altered."},"marks":[{"id":"logo","name":"AACT Logo","description":"The acronym wordmark, the full association name, and the tile icon. The two wordmarks are optically justified; their relative sizes and placement must not be altered (p. 1.3). Preferred usage: full color.","source":"/media/aact/logo/aact-logo.svg","variants":[{"variant":"default","label":"Full color, no registration mark","src":"/media/aact/logo/aact-logo.svg","canvas":"#FFFFFF","fg":"#253746","format":"svg","bg":"#FFFFFF"},{"variant":"on-light","label":"Full color, registered (R)","src":"/media/aact/logo/aact-logo-registered.svg","canvas":"#FFFFFF","fg":"#253746","format":"svg","bg":"#FFFFFF"},{"variant":"on-brand","label":"Digital display, name in #048672 (p. 10.2)","src":"/media/aact/logo/aact-logo-digital.svg","canvas":"#FFFFFF","fg":"#048672","format":"svg","bg":"#FFFFFF"},{"variant":"on-dark","label":"Alternate reverse on AACT Dark Blue","src":"/media/aact/logo/aact-logo-alternate-reverse.svg","canvas":"#253746","fg":"#FFFFFF","format":"svg","bg":"#253746"}]},{"id":"wordmark","name":"AACT Wordmark","description":"The acronym and tile icon without the association name. For the favicon, the video watermark in the bottom-right corner (at 90% opacity on imagery), and giveaways where the full name would be awkward or compromised (p. 7.3, 8.1, 10.2). Not a replacement for the full logo at the opening and close of a video or the top-left of the homepage.","source":"/media/aact/logo/aact-wordmark.svg","variants":[{"variant":"default","label":"Wordmark, full color","src":"/media/aact/logo/aact-wordmark.svg","canvas":"#FFFFFF","fg":"#253746","format":"svg","bg":"#FFFFFF"}]}],"clearSpace":"On all four sides, never less than the height (cap height to descender line) of the full association name 'American Association of Chemistry Teachers' (p. 1.5). This applies to graphics, type, other logos, and the edge of the page or product.","minSize":"Never smaller than 1 inch (2.5 cm) wide in print; smaller needs approval from the AACT brand representative. On the web, the homepage logo is 141 x 90 px. Embroidered, the smallest letter must be 3/16 inch, so the logo is 3 inches wide on garments (p. 1.5, 10.2, 8.2).","hierarchy":["Full color is preferred everywhere it can print or display. Grayscale and reverse exist for one-color media and print budgets (p. 1.4).","Registration: use the TM version until USPTO registration is granted, then the (R) version. Use the version with no mark where status need not show or the symbol would be hard to read (p. 1.2). The (R) artwork exists, so registration has evidently been granted; confirm with AACT before dropping TM from anything.","Reverse (white) only on AACT Dark Blue, Medium Blue, Teal or black, or on any background darker than 40% tonal value. The positive logo never goes on a background darker than 30% (p. 1.6).","The alternate reverse (white type, color tiles) is for AACT Dark Blue. Similar dark grounds need approval (p. 1.4). Dark garments take the alternate reverse; white garments take full color (p. 8.2).","Over a photograph, place the logo where the background is consistent and gives sufficient contrast (p. 1.6).","A small logo in the top-left corner makes the same impression as a large one. Do not overwhelm the viewer (p. 1.5).","Co-branding with ACS: ACS is the endorser and sits at one third of the AACT logo's height, separated by the lockup grid, with the line 'The American Association of Chemistry Teachers is brought to you by the American Chemical Society.' With partners of similar standing, the partner logo shares equal stature, AACT comes first, and a vertical rule separates them (p. 1.9).","Video: the full-color logo with the association name opens and closes every video; the wordmark sits bottom right while it plays (p. 7.3).","Owed by AACT, shown in the book but not producible from the artwork on file: the white reverse with tinted tiles (p. 1.6), the grayscale logo (p. 1.4), the TM version (p. 1.2), and the 4-spot color logo (p. 1.7). Request the logo package (.ai/.eps) rather than recoloring the full-color file."],"misuse":[{"rule":"Do not remove or alter the tile icon."},{"rule":"Do not add text elements to the logo."},{"rule":"Do not distort or stretch it."},{"rule":"Do not outline it."},{"rule":"Do not change the icon's colors."},{"rule":"Do not skew it or change its proportions."},{"rule":"Do not set it at an angle."},{"rule":"Do not use a low-resolution file."},{"rule":"Do not scale the association name separately from the acronym."}]},"color":{"palette":[{"name":"darkBlue","group":"primary","label":"AACT Dark Blue","hex":"#253746","role":"Primary · PANTONE 7546 C/U · CMYK 73 45 24 66 · RGB 37 55 70. The acronym wordmark. 12.26:1 on white; white text on it 12.26:1. Approved ground for the reverse and alternate reverse logo.","notes":"AACT Dark Blue · Primary · PANTONE 7546 C/U · CMYK 73 45 24 66 · RGB 37 55 70. The acronym wordmark. 12.26:1 on white; white text on it 12.26:1. Approved ground for the reverse and alternate reverse logo."},{"name":"mediumBlue","group":"primary","label":"AACT Medium Blue","hex":"#006272","role":"Primary · PANTONE 3155 C/U · CMYK 100 9 29 47 · RGB 0 98 114. The Share pillar. Link color and secondary navigation on the web. 7.02:1 on white.","notes":"AACT Medium Blue · Primary · PANTONE 3155 C/U · CMYK 100 9 29 47 · RGB 0 98 114. The Share pillar. Link color and secondary navigation on the web. 7.02:1 on white."},{"name":"teal","group":"primary","label":"AACT Teal","hex":"#00C7B1","role":"Primary · PANTONE 3265 C/U · CMYK 66 0 39 0 · RGB 0 199 177. The Connect pillar. 2.14:1 on white: fields and graphics only, never text and never under white text. Dark Blue text on it measures 5.72:1.","notes":"AACT Teal · Primary · PANTONE 3265 C/U · CMYK 66 0 39 0 · RGB 0 199 177. The Connect pillar. 2.14:1 on white: fields and graphics only, never text and never under white text. Dark Blue text on it measures 5.72:1."},{"name":"darkOrange","group":"primary","label":"AACT Dark Orange","hex":"#FF6900","role":"Primary · PANTONE 1505 C/U · CMYK 0 56 90 0 · RGB 255 105 0. 2.89:1 on white: large text (18pt and above) and fields only. Note the book's screen palette slide (p. 3.1) labels this PANTONE 1504; p. 3.2 and p. 1.7 say 1505.","notes":"AACT Dark Orange · Primary · PANTONE 1505 C/U · CMYK 0 56 90 0 · RGB 255 105 0. 2.89:1 on white: large text (18pt and above) and fields only. Note the book's screen palette slide (p. 3.1) labels this PANTONE 1504; p. 3.2 and p. 1.7 say 1505."},{"name":"gold","group":"primary","label":"AACT Gold","hex":"#ED8B00","role":"Primary · PANTONE 144 C/U · CMYK 0 51 100 0 · RGB 237 139 0. The Succeed pillar. 2.53:1 on white: large text and fields only. Dark Blue text on it measures 4.84:1.","notes":"AACT Gold · Primary · PANTONE 144 C/U · CMYK 0 51 100 0 · RGB 237 139 0. The Succeed pillar. 2.53:1 on white: large text and fields only. Dark Blue text on it measures 4.84:1."},{"name":"brightGreen","group":"secondary","label":"AACT Bright Green","hex":"#C5E86C","role":"Secondary · PANTONE 374 C/U · CMYK 30 0 64 0 · RGB 197 232 108.","notes":"AACT Bright Green · Secondary · PANTONE 374 C/U · CMYK 30 0 64 0 · RGB 197 232 108."},{"name":"pink","group":"secondary","label":"AACT Pink","hex":"#FF8674","role":"Secondary · PANTONE 170 C/U · CMYK 0 48 50 0. The book prints hex #FF8674 and the screen palette slide gives RGB 255 134 116, which agree; the swatch on p. 3.3 lists RGB 234 134 116, which does not. The hex is kept.","notes":"AACT Pink · Secondary · PANTONE 170 C/U · CMYK 0 48 50 0. The book prints hex #FF8674 and the screen palette slide gives RGB 255 134 116, which agree; the swatch on p. 3.3 lists RGB 234 134 116, which does not. The hex is kept."},{"name":"purple","group":"secondary","label":"AACT Purple","hex":"#93328E","role":"Secondary · PANTONE 513 C/U · CMYK 53 99 0 0 · RGB 147 50 142.","notes":"AACT Purple · Secondary · PANTONE 513 C/U · CMYK 53 99 0 0 · RGB 147 50 142."},{"name":"coolGray","group":"secondary","label":"AACT Cool Gray","hex":"#888B8D","role":"Secondary · PANTONE Cool Gray 8 C/U · CMYK 23 16 13 46. The only secondary color approved for the website and for small text (p. 3.4), yet 3.43:1 on white, so small text in it fails AA; the system uses it for input borders (3:1 non-text) and not for text. The book's RGB line reads 136 139 46, a misprint for 141.","notes":"AACT Cool Gray · Secondary · PANTONE Cool Gray 8 C/U · CMYK 23 16 13 46. The only secondary color approved for the website and for small text (p. 3.4), yet 3.43:1 on white, so small text in it fails AA; the system uses it for input borders (3:1 non-text) and not for text. The book's RGB line reads 136 139 46, a misprint for 141."},{"name":"maroon","group":"secondary","label":"AACT Maroon","hex":"#B52555","role":"Secondary · PANTONE 7425 C/U · CMYK 6 96 32 13 · RGB 181 37 85.","notes":"AACT Maroon · Secondary · PANTONE 7425 C/U · CMYK 6 96 32 13 · RGB 181 37 85."},{"name":"lightGold","group":"spot","label":"AACT Light Gold","hex":"#F8D49F","role":"Logo spot · PANTONE 1345 C. The book gives no hex; this is the lightest solid gold stop in the logo artwork's tile gradient, the nearest value the artwork itself carries. Confirm against a PANTONE guide before print.","notes":"AACT Light Gold · Logo spot · PANTONE 1345 C. The book gives no hex; this is the lightest solid gold stop in the logo artwork's tile gradient, the nearest value the artwork itself carries. Confirm against a PANTONE guide before print."},{"name":"nameTeal","group":"logo","label":"Association name and teal tiles in the shipped artwork","hex":"#00A693","role":"Logo. The book's Medium Teal. 3.05:1 on white.","notes":"Association name and teal tiles in the shipped artwork · Logo. The book's Medium Teal. 3.05:1 on white."},{"name":"nameTealDigital","group":"logo","label":"Association name for digital display","hex":"#048672","role":"Logo · p. 10.2, changed for WCAG. 4.51:1 on white.","notes":"Association name for digital display · Logo · p. 10.2, changed for WCAG. 4.51:1 on white."},{"name":"tileLight","group":"logo","label":"Light teal tile","hex":"#80D2C9","role":"Logo. The pale tiles under the C. Graphics only.","notes":"Light teal tile · Logo. The pale tiles under the C. Graphics only."},{"name":"mediumTeal","group":"web","label":"Medium Teal","hex":"#00A693","role":"Primary navigation background. White text on it measures 3.05:1: large text only. See brand.ink.teal.","notes":"Medium Teal · Primary navigation background. White text on it measures 3.05:1: large text only. See brand.ink.teal."},{"name":"darkTeal","group":"web","label":"Dark Teal","hex":"#008779","role":"H3 color. 4.43:1 on white, which fails AA for the 21px H3 by 0.07. See brand.ink.teal.","notes":"Dark Teal · H3 color. 4.43:1 on white, which fails AA for the 21px H3 by 0.07. See brand.ink.teal."},{"name":"lightTeal","group":"web","label":"Light Teal","hex":"#00C7B1","role":"the print Teal. Graphics and fields.","notes":"Light Teal · the print Teal. Graphics and fields."},{"name":"mediumBlue","group":"web","label":"Medium Blue","hex":"#006272","role":"Secondary navigation background, H1 color, link color. 7.02:1.","notes":"Medium Blue · Secondary navigation background, H1 color, link color. 7.02:1."},{"name":"linkHover","group":"web","label":"Link Color, Hover State","hex":"#037D97","role":"4.79:1 on white.","notes":"Link Color, Hover State · 4.79:1 on white."},{"name":"darkBlue","group":"web","label":"Dark Blue","hex":"#253746","role":"H4 color, dark fields. 12.26:1.","notes":"Dark Blue · H4 color, dark fields. 12.26:1."},{"name":"darkOrange","group":"web","label":"Dark Orange","hex":"#C44600","role":"the 'Join AACT' button and periodical accents. 4.97:1 on white, white text on it 4.97:1.","notes":"Dark Orange · the 'Join AACT' button and periodical accents. 4.97:1 on white, white text on it 4.97:1."},{"name":"mediumOrange","group":"web","label":"Medium Orange","hex":"#E55302","role":"H2 color, periodical banner. 3.77:1 on white: fails AA for the 23px H2. See brand.ink.orange.","notes":"Medium Orange · H2 color, periodical banner. 3.77:1 on white: fails AA for the 23px H2. See brand.ink.orange."},{"name":"lightOrange","group":"web","label":"Light Orange","hex":"#ED8B00","role":"the print Gold. Large text and fields only (p. 10.3).","notes":"Light Orange · the print Gold. Large text and fields only (p. 10.3)."},{"name":"body","group":"ink","label":"Body text","hex":"#555555","role":"the book's Dark Gray, unchanged. 7.46:1 on white.","notes":"Body text · the book's Dark Gray, unchanged. 7.46:1 on white."},{"name":"blue","group":"ink","label":"Blue text and links","hex":"#006272","role":"Medium Blue, unchanged. 7.02:1 on white, 5.84:1 on Light Gray.","notes":"Blue text and links · Medium Blue, unchanged. 7.02:1 on white, 5.84:1 on Light Gray."},{"name":"teal","group":"ink","label":"Teal text, and any teal fill under white body text","hex":"#048672","role":"the book's own WCAG value from p. 10.2. 4.51:1 on white. Fails on Light Gray (3.75:1): teal text sits on white only.","notes":"Teal text, and any teal fill under white body text · the book's own WCAG value from p. 10.2. 4.51:1 on white. Fails on Light Gray (3.75:1): teal text sits on white only."},{"name":"orange","group":"ink","label":"Orange text, and orange fills under white text","hex":"#C44600","role":"the book's web Dark Orange. 4.97:1 on white. On Light Gray 4.13:1, so orange text on gray is 24px and above only.","notes":"Orange text, and orange fills under white text · the book's web Dark Orange. 4.97:1 on white. On Light Gray 4.13:1, so orange text on gray is 24px and above only."},{"name":"onTeal","group":"ink","label":"Text on AACT Teal and on AACT Gold fields","hex":"#253746","role":"Dark Blue. 5.72:1 on Teal, 4.84:1 on Gold. Replaces the white text the pillars plate uses (2.14:1 and 2.53:1).","notes":"Text on AACT Teal and on AACT Gold fields · Dark Blue. 5.72:1 on Teal, 4.84:1 on Gold. Replaces the white text the pillars plate uses (2.14:1 and 2.53:1)."},{"name":"white","group":"neutral","label":"White","hex":"#FFFFFF","role":"Navigation text color and body text background.","notes":"White · Navigation text color and body text background."},{"name":"lightGray","group":"neutral","label":"Light Gray","hex":"#EAEAEA","role":"Background gray color, the field behind content panels.","notes":"Light Gray · Background gray color, the field behind content panels."},{"name":"darkGray","group":"neutral","label":"Dark Gray","hex":"#555555","role":"Body text color. 7.46:1 on white, 6.20:1 on Light Gray.","notes":"Dark Gray · Body text color. 7.46:1 on white, 6.20:1 on Light Gray."},{"name":"headingGray","group":"neutral","label":"H6 color","hex":"#444444","role":"p. 10.5. 9.74:1.","notes":"H6 color · p. 10.5. 9.74:1."},{"name":"ruleGray","group":"neutral","label":"The H1 bottom border","hex":"#BBBBBB","role":"p. 10.5, '2px, dotted, #bbbbbb'. Decoration only.","notes":"The H1 bottom border · p. 10.5, '2px, dotted, #bbbbbb'. Decoration only."},{"name":"footerGray","group":"neutral","label":"Newsletter footer text","hex":"#75787B","role":"p. 7.2, called 'AACT Cool Gray' there though p. 3.3 gives Cool Gray as #888B8D. 4.44:1 on white: not used for text by this system.","notes":"Newsletter footer text · p. 7.2, called 'AACT Cool Gray' there though p. 3.3 gives Cool Gray as #888B8D. 4.44:1 on white: not used for text by this system."},{"name":"white","label":"White","hex":"#FFFFFF","role":"body text background, navigation text, the reverse logo.","notes":"White · body text background, navigation text, the reverse logo."},{"name":"black","label":"Black","hex":"#000000","role":"newsletter body text (p. 7.2); an approved ground for the reverse logo (p. 1.6).","notes":"Black · newsletter body text (p. 7.2); an approved ground for the reverse logo (p. 1.6)."}],"narrative":{"eyebrow":"Brand Guidelines / Color Palette","headline":"Color Palette","body":"The brand color palette for AACT has been carefully developed to complement the ACS brand colors and communicate the creativity and energy of the association. The warm colors are inviting and uplifting, while the cool blue tones express trust and subtly reference the ACS brand colors. The colors and their conversions to CMYK, RGB, and hexadecimal should never be altered."}},"typography":{"families":[{"name":"TheSerif","role":"serif","fontFamily":"'TheSerif', 'The Serif', Georgia, serif","notes":"The Serif (Luc(as) de Groot, LucasFonts, 1994). THE BOOK'S PRIMARY TYPEFACE, for print and marketing: headlines, subheads, pull quotes, and body copy within the larger family. Eight weights (Extra Light, Light, Semi Light, Regular, Semi Bold, Bold, Extra Bold, Black) with Plain, Italic, Caps and Expert styles. Chapter titles in the book are set in its Caps style. Also the face of the association name in the logo, whose 'of Chemistry Teachers' is italic to emphasize the beneficiaries (p. 1.1). Licensed to AACT; not served by the platform."},{"name":"proxima-nova","role":"primary","fontFamily":"'proxima-nova', 'Myriad Pro', 'Calibri', 'Corbel', Arial, sans-serif","notes":"Proxima Nova. WEB: body text and some headings. The stack is the book's (p. 10.5). Light 400 regular, Semibold 600, Bold 700 for H6 only. Adobe Fonts family 'proxima-nova'. Keyed `primary` here because it is the face every screen surface and platform component draws in; The Serif remains the brand's primary face in print."},{"name":"TheMix","role":"mix","fontFamily":"'TheMix', 'The Mix', Calibri, Arial, sans-serif","notes":"The Mix (LucasFonts). Secondary: body copy for variety, or call-outs."},{"name":"TheSans","role":"sans","fontFamily":"'TheSans', 'The Sans', Calibri, Arial, sans-serif","notes":"The Sans (LucasFonts), the ACS corporate face. Secondary: body copy for legibility at small sizes, especially on screen."},{"name":"museo-slab","role":"webSlab","fontFamily":"'museo-slab', 'Rockwell', 'Cambria', Georgia, serif","notes":"Museo Slab. WEB: some headings. The stack is the book's (p. 10.5). Weights 300 and 500 per the CSS specification (the specimen shows 700). Adobe Fonts family 'museo-slab'."},{"name":"Calibri","role":"office","fontFamily":"Calibri, 'Carlito', Arial, sans-serif","notes":"Calibri (Light, Regular, Italic, Bold, Bold Italic). Substitute when The Serif family is unavailable; AACT email correspondence and presentations. Carlito is Calibri's metric-compatible open twin."},{"name":"Georgia","role":"presentation","fontFamily":"Georgia, serif","notes":"Georgia. With Calibri, the only faces approved for the PowerPoint template (p. 6.1); also the newsletter footer (p. 7.2)."},{"name":"Arial","role":"email","fontFamily":"Arial, Helvetica, sans-serif","notes":"Arial. The AACTconnect newsletter: section headers Arial Bold all caps, links and body Arial Regular, body 14pt (p. 7.2)."}],"scale":[{"name":"body","value":"16px","use":"Default text size · Proxima Nova 400 · #555555 · line-height 20px."},{"name":"h1","value":"28px","use":"H1 · Proxima Nova 600 · Medium Blue #006272 · bottom border 2px dotted #BBBBBB."},{"name":"h2","value":"23px","use":"H2 · Museo Sans 500 (as printed; see $roles.museoSans) · book color Medium Orange #E55302 measures 3.77:1 and fails at 23px; set in Dark Orange #C44600 (4.97:1)."},{"name":"h3","value":"21px","use":"H3 · Proxima Nova 600 · book color Dark Teal #008779 measures 4.43:1 and fails at 21px; set in #048672 (4.51:1)."},{"name":"h4","value":"19px","use":"H4 · Museo Sans 500 (as printed) · Dark Blue #253746."},{"name":"h5","value":"18px","use":"H5 · Proxima Nova 600 · #555555."},{"name":"h6","value":"13px","use":"H6 · Proxima Nova 700 · #444444 · all caps."},{"name":"newsletterBody","value":"14pt","use":"Newsletter body · Arial Regular · #000000."}],"specimen":[{"role":"Print headline","family":"The Serif","weight":"700","use":"serif","fontFamily":"'TheSerif', 'The Serif', Georgia, serif","sample":"Chemistry Teachers"},{"role":"Print display","family":"The Serif Black","weight":"900","use":"serif","fontFamily":"'TheSerif', 'The Serif', Georgia, serif","sample":"community"},{"role":"Logo association name, italic line","family":"The Serif Italic","weight":"400","use":"serif","fontFamily":"'TheSerif', 'The Serif', Georgia, serif","sample":"of Chemistry Teachers"},{"role":"Screen body (print)","family":"The Sans","weight":"400","use":"sans","fontFamily":"'TheSans', 'The Sans', Calibri, Arial, sans-serif","sample":"Chemistry"},{"role":"Web H1","family":"Proxima Nova","weight":"600","use":"primary","fontFamily":"'proxima-nova', 'Myriad Pro', 'Calibri', 'Corbel', Arial, sans-serif","sample":"Classroom Resources"},{"role":"Web heading, slab","family":"Museo Slab","weight":"500","use":"webSlab","fontFamily":"'museo-slab', 'Rockwell', 'Cambria', Georgia, serif","sample":"Chemistry Solutions"},{"role":"Email and presentations","family":"Calibri","weight":"400","use":"office","fontFamily":"Calibri, 'Carlito', Arial, sans-serif","sample":"American Association of Chemistry Teachers"}],"narrative":{"eyebrow":"Brand Guidelines / Typography","headline":"Typography","body":"The Serif type family is the preferred primary typography for AACT and is seen throughout communications such as stationery, brochures, and marketing materials. The Mix and The Sans are part of the same type system and may be used for secondary text. On the website, Proxima Nova and Museo Slab are used instead."}},"spacing":{"scale":[{"name":"1","value":"4px","use":"Hairline gaps: icon to label, tile to tile."},{"name":"2","value":"8px","use":"Tight stacks."},{"name":"3","value":"12px","use":"Control padding, vertical."},{"name":"4","value":"16px","use":"Base. The body size; control padding, horizontal."},{"name":"5","value":"20px","use":"One line of body text (p. 10.5 leading). Paragraph spacing."},{"name":"6","value":"24px","use":"Card and panel padding."},{"name":"8","value":"32px","use":"Between related blocks."},{"name":"10","value":"40px","use":"Two lines. Between sections inside a page."},{"name":"12","value":"48px","use":"Section padding on small screens."},{"name":"15","value":"60px","use":"Three lines. Section padding on large screens."},{"name":"20","value":"80px","use":"Page-level breaks."}],"containers":[{"name":"measure","value":"65ch","use":"Running text width."},{"name":"page","value":"1140px","use":"Content width. The 2014 site ran a fixed ~960px layout; this widens it for current screens."}],"principles":["Space in 4px steps; vertical rhythm lands on the 20px line wherever text stacks.","Tiles are square and align to the same 4px grid, so the pattern and the layout share a unit."]},"radius":{"scale":[{"name":"none","value":"0","use":"The default: buttons, fields, cards, tiles, images."},{"name":"sm","value":"0","use":"Held at square so a platform component asking for a small radius stays square."},{"name":"md","value":"4px","use":"The Rounded Corner Box container only (p. 10.6)."},{"name":"full","value":"9999px","use":"Circular avatars and status dots. Never a pill button."}],"note":"AACT. Border radius. PROPOSED BY WORKHORSE, NOT IN THE BOOK. The book gives no radius. The evidence it does give points square: the tiles are squares, the 'Join AACT' and 'Learn more' buttons on the 2014 homepage (p. 10.1, 10.2) are square-cornered, and the stationery is ruled, not rounded. The one rounded element is the 'Rounded Corner Box' container in the periodical style map (p. 10.6), so a single soft value is kept for that container and nothing else."},"semantic":{"light":[{"role":"background","value":"#FFFFFF","notes":"White · Body Text Background Color (p. 10.3). Text sits on white."},{"role":"foreground","value":"#555555","notes":"Dark Gray · Body Text Color (p. 10.3, p. 10.5). 7.46:1."},{"role":"primary","value":"#006272","notes":"AACT Medium Blue · links, H1, secondary navigation, the default action. 7.02:1 either way round with white."},{"role":"primary-focus","value":"#037D97","notes":"Link Color, Hover State (p. 10.3). 4.79:1 on white."},{"role":"primary-content","value":"#FFFFFF"},{"role":"secondary","value":"#048672","notes":"ink.teal · the teal that carries white text. Stands in for the book's primary navigation teal #00A693 (3.05:1) wherever the label is body size."},{"role":"secondary-focus","value":"#006272","notes":"Medium Blue. The book gives no hover for teal; hover moves to the next primary rather than to an unlisted darker teal."},{"role":"secondary-content","value":"#FFFFFF"},{"role":"accent","value":"#C44600","notes":"Web Dark Orange · the 'Join AACT' call to action (p. 10.1, 10.2). One per view. White text on it 4.97:1."},{"role":"accent-focus","value":"#C44600","notes":"The book gives no hover value for the orange button, and every darker orange would be invented. Hover is carried by a non-color change (underline or border), not by a new hue."},{"role":"accent-content","value":"#FFFFFF"},{"role":"neutral","value":"#253746","notes":"AACT Dark Blue · the wordmark color, dark fields, the reverse-logo ground."},{"role":"neutral-focus","value":"#253746"},{"role":"neutral-content","value":"#FFFFFF"},{"role":"card","value":"#FFFFFF","notes":"White content panel on the Light Gray field (p. 10.1 screenshots)."},{"role":"card-foreground","value":"#555555"},{"role":"muted","value":"#EAEAEA","notes":"Light Gray · Background Gray Color (p. 10.3). Teal text never sits here (3.75:1)."},{"role":"muted-foreground","value":"#555555","notes":"The book has one text gray. Meta text steps down by size and weight, not by a lighter gray; #75787B and #888B8D both fail as text."},{"role":"border","value":"#BBBBBB","notes":"The H1 rule color (p. 10.5). Decorative rules only."},{"role":"input","value":"#888B8D","notes":"AACT Cool Gray, the one secondary color approved for the web. 3.43:1, so a field outline clears the 3:1 non-text minimum."},{"role":"ring","value":"#006272","notes":"Medium Blue focus outline. 7.02:1 on white, 5.84:1 on Light Gray; Medium Teal would fail on gray (2.54:1)."},{"role":"destructive","value":"#C44600","notes":"NO COUNTERPART IN THE BOOK. There is no error or status color, and the secondary reds (Maroon, Pink) are barred from the website. Mapped to the web Dark Orange so a platform component that demands the role stays in the AACT web palette; an AACT surface carries destructive meaning in words."},{"role":"destructive-foreground","value":"#FFFFFF"}]},"iconography":{"source":"AACT custom line icons (brand guidelines p. 4.2). Files owed by AACT.","license":"Owned by AACT / ACS.","principles":["Icons are line art, shown in the positive or reversed out of a hexagon enclosure.","The same color always goes with the same icon: Share in AACT Medium Blue, Connect in AACT Teal, Succeed in AACT Gold.","Line art is always centered within the hexagon.","Icons may be shown with or without their titles.","Additional icons (email, teaching resources, and so on) use a similar line-art style in the primary palette."],"namedGlyphs":[{"id":"share","label":"Share","source":"custom","use":"A share node with broadcast arcs. Always AACT Medium Blue #006272. The Share pillar."},{"id":"connect","label":"Connect","source":"custom","use":"Three figures, a group. Always AACT Teal #00C7B1. The Connect pillar."},{"id":"succeed","label":"Succeed","source":"custom","use":"A trophy. Always AACT Gold #ED8B00. The Succeed pillar."}]},"motion":{"easing":[{"name":"default","value":"cubic-bezier(0.2, 0, 0, 1)","use":"Standard ease for anything that moves."},{"name":"out","value":"cubic-bezier(0, 0, 0.2, 1)","use":"Entrances."}],"duration":[{"name":"quick","value":"120ms","use":"Hover and focus changes."},{"name":"base","value":"200ms","use":"Panels opening, content swapping."},{"name":"slow","value":"320ms","use":"Page-level transitions."}],"principles":["Interface motion is opacity and position only; no scale jumps.","The simulations own their timing; chrome around them stays still while they run."],"reducedMotion":{"$description":"Under prefers-reduced-motion: reduce, every duration is 0ms.","quick":{"$value":"0ms"},"base":{"$value":"0ms"},"slow":{"$value":"0ms"}}},"imagery":{"narrative":{"eyebrow":"Brand Guidelines / Brand Imagery","headline":"Brand Imagery","body":"Illustrations are an effective tool for safely and accurately representing chemistry experiments and teaching scenarios. The tile pattern, derived from the AACT logo iconography, can be used throughout marketing materials, website imagery, electronic communications, and more. A set of line icons represents the brand pillars."},"primaryDirection":"Illustration of teachers of chemistry and their students at work, with the tile pattern as texture, rather than photography.","themes":[{"name":"Tile pattern","description":"Derived from the logo's tile icon and reminiscent of the periodic table; a metaphor for the pillars. Used as texture within a layout (the filler ad) or as a linear footer (the AACTconnect newsletter, the PowerPoint template). Never more than one quarter of the layout, never louder than the logo, never in colors the book does not show, and its color breaks are never altered."},{"name":"Illustrations","description":"Teachers and students in lab settings, with molecule models in black, white and red. Apparel colors complement the primary palette."},{"name":"Web backgrounds","description":"Flat fields of a primary color with tone-on-tone chemistry glyphs (flasks, beakers, benzene rings, atoms, a cube lattice). Login and sign-up on Dark Blue, the periodical callout header on Medium Blue, the periodical banner on Medium Orange. Each background color carries a meaning; new backgrounds follow the color and imagery rules."}],"principles":["Everyone in a lab setting wears chemical splash safety goggles.","Long hair is tied back and away from the face.","Everyone wears closed-toed shoes.","Show a diverse group of teachers and students.","Apparel colors complement the AACT primary palette.","Ads may run in full color or black and white, depending on the publication; when resizing or reorienting, keep the layout and style of the existing ads."],"doAndDont":{"do":["Use the tile pattern as a texture or a footer line, at a quarter of the layout or less.","Place the logo over a photograph only where the background is consistent and gives enough contrast."],"dont":["Let the tile pattern overpower the logo.","Recolor the tiles or change their color breaks.","Show anyone in a lab without goggles, with loose long hair, or in open shoes."]}},"applications":[{"label":"Business card","category":"print","description":"3.5 x 2 in. Logo left, a vertical rule, then name and title in The Serif Caps, address, phone, email, teachchemistry.org, and 'brought to you by the American Chemical Society' in teal. Neenah Classic Crest, 165DTC, Avalanche White."},{"label":"Letterhead","category":"print","description":"8.5 x 11 in. Logo and contact block divided by the vertical rule, top centre. Neenah Classic Linen, 80T, Avalanche White."},{"label":"Envelopes","category":"print","description":"No. 10 (9.5 x 4.125 in) and catalog (13 x 10 in), within postal requirements. Neenah Classic Linen, 24W, Avalanche White; check the printer for matching window envelopes."},{"label":"Note card and note pad","category":"print","description":"Note card 6.5 x 4.75 in, Neenah Classic Crest 130DTC; envelope and 5.5 x 8.5 in note pad, Neenah Classic Linen 80T; all Avalanche White."},{"label":"Stationery system","category":"print","description":"Clean and modern. A vertical divider separates the brand from the contact information on every piece, so the tile icon is highlighted without overpowering the design."},{"label":"Presentation template","category":"digital","description":"PowerPoint template with a teal gradient band, the tile footer, and the ACS endorser mark. Calibri and Georgia only; never alter or replace its fonts, colors or branded elements."},{"label":"Press release","category":"digital","description":"Issued by the ACS Office of Public Affairs in the ACS press release look and feel."},{"label":"Print collateral","category":"print","description":"Pocket folder, info cards and brochures built on the pillars, iconography and illustration. Heavy stock, 100 lb or higher."},{"label":"Email signature","category":"digital","description":"Calibri. Employee name in Calibri Bold, Medium Blue, then title, 'American Association of Chemistry Teachers', 'American Chemical Society', teachchemistry.org and the social line, links in Medium Blue. No quotes or images. Include it on the first message, not on replies."},{"label":"AACTconnect email newsletter","category":"digital","description":"Arial and Georgia (Georgia in the footer only). Section headers Arial Bold all caps in #FF6900, links Arial Regular in #00A693, footer Georgia #75787B, body Arial Regular 14pt #000000 on white, tile footer. The header and link colors fail AA as body-size text; see colors.json `brand.ink`."},{"label":"Video","category":"digital","description":"Full-color logo with the name at the start and as the sign-off; wordmark watermark bottom right while playing, in full color on white or light grounds, or at 90% opacity over imagery."},{"label":"Promotional items","category":"product","description":"Sticky notes, pens, USB drives and similar. The logo must be legible; the association name may be dropped where placement would compromise it."},{"label":"Apparel","category":"product","description":"Full-color logo on white garments, alternate reverse on dark. Embroidered: satin stitch; threads RA 2409 Yellow Mist, RA 2464 Nectar, RA 2328 Pumpkin, MA 1041 Pewter, MA 1046 Mint, MA 1090 Teal, MA 1091 Aqua; logo 3 in wide so the smallest letter is 3/16 in."},{"label":"Advertising","category":"campaign","description":"Illustrated ads that carry the pillars and all forms of brand imagery, with a Dark Blue teachchemistry.org bar. Full color or black and white per the publication."},{"label":"Website","category":"digital","description":"teachchemistry.org: logo top left at 141 x 90 px, Medium Teal primary navigation, Medium Blue secondary navigation, Light Gray field, white content panels, Dark Orange 'Join AACT' action. Periodical (Chemistry Solutions) and resource style maps on p. 10.6 and 10.7."},{"label":"Social media","category":"social","description":"AACTconnect on Facebook, Twitter, Pinterest and YouTube, the AACT LinkedIn group, Google+ and blog.teachchemistry.org, as listed in 2014. New accounts follow the same branding convention."}],"guidelines":[{"id":"logo-unaltered","title":"Never alter the logo","summary":"The acronym, the association name and the tile icon keep their relative sizes and placement. No distortion, outline, angle, skew, recoloring, added text, or separately scaled name (p. 1.3, 1.8).","type":"identity","channel":"all surfaces","status":"adopted"},{"id":"logo-clear-space","title":"Clear space is the height of the name","summary":"Cap height to descender line of 'American Association of Chemistry Teachers', on all four sides (p. 1.5).","type":"identity","channel":"all surfaces","status":"adopted"},{"id":"logo-min-size","title":"One inch minimum","summary":"Never under 1 in (2.5 cm) wide without approval (p. 1.5).","type":"identity","channel":"print","status":"adopted"},{"id":"logo-reverse-grounds","title":"Reverse only on dark","summary":"White logo on Dark Blue, Medium Blue, Teal, black, or anything darker than 40%. Positive logo never on anything darker than 30% (p. 1.6).","type":"identity","channel":"all surfaces","status":"adopted"},{"id":"acs-endorser","title":"ACS endorses at one third","summary":"Paired with ACS, the ACS logo is one third of the AACT logo's height and less prominent. Partners of similar standing share equal stature; AACT comes first (p. 1.9).","type":"identity","channel":"co-branding","status":"adopted"},{"id":"primaries-everywhere","title":"The primaries appear on everything","summary":"Dark Blue, Medium Blue, Teal, Dark Orange and Gold are present on all branded materials; secondaries stay small and never overpower them (p. 3.2, 3.3).","type":"usage","channel":"all surfaces","status":"adopted"},{"id":"no-secondary-on-web","title":"No secondary colors on the website","summary":"Web uses the primaries and Cool Gray only (p. 3.4, 10.3).","type":"usage","channel":"web","status":"adopted"},{"id":"warm-not-small","title":"Orange and Gold are never small text","summary":"Dark Orange and Gold only at 18pt and above (p. 3.4, 10.3).","type":"usage","channel":"all surfaces","status":"adopted"},{"id":"pillar-colors","title":"Each pillar keeps its color","summary":"Share is Medium Blue, Connect is Teal, Succeed is Gold, every time (p. 4.2).","type":"usage","channel":"all surfaces","status":"adopted"},{"id":"tile-quarter","title":"Tiles take a quarter at most","summary":"The tile pattern never occupies more than one quarter of a layout, never overpowers the logo, and never changes its colors or color breaks (p. 4.1).","type":"usage","channel":"all surfaces","status":"adopted"},{"id":"lab-safety","title":"Every illustrated lab is a safe lab","summary":"Splash goggles on everyone, long hair tied back, closed-toed shoes, a diverse group (p. 4.3).","type":"usage","channel":"illustration","status":"adopted"},{"id":"type-by-medium","title":"The face follows the medium","summary":"The Serif family for print, ads and exhibits; Proxima Nova and Museo Slab on the web; Arial and Georgia in the newsletter; Calibri and Georgia in presentations (p. 2.4).","type":"usage","channel":"all surfaces","status":"adopted"},{"id":"wcag-teal-text","title":"Teal text is #048672","summary":"#00A693 and #008779 fail AA at body and heading sizes. Teal type, and teal fills under white body-size type, use #048672, the value the book already uses for the digital logo name (p. 10.2).","type":"usage","channel":"web","status":"proposed"},{"id":"wcag-orange-text","title":"Orange text is #C44600","summary":"Medium Orange #E55302 fails for the 23px H2. Orange type uses the book's web Dark Orange #C44600 (4.97:1).","type":"usage","channel":"web","status":"proposed"},{"id":"wcag-dark-on-light-fields","title":"Dark Blue type on Teal and Gold","summary":"White type on Teal (2.14:1) and Gold (2.53:1) fails. On those fields type is AACT Dark Blue (5.72:1, 4.84:1).","type":"usage","channel":"all surfaces","status":"proposed"},{"id":"wcag-no-gray-text","title":"No Cool Gray text","summary":"Cool Gray #888B8D (3.43:1) and the newsletter's #75787B (4.44:1) fail as text. Meta text stays #555555 and steps down by size.","type":"usage","channel":"all surfaces","status":"proposed"}]}