Workhorse//Brand book/v1.0.0
Brand Standards Manualv1.0.0 · 2026-10-07
AACT

Share. Connect. Succeed.

Document
ClientAACT
Issued2026-10-07
Versionv1.0.0
Statusactive
Project2017 - 2025

The premier and only association for teachers of chemistry.

Contents
  1. 1.0Heritage§
  2. 2.0Logo§
  3. 3.0Color§
  4. 4.0Typography§
  5. 5.0Photography§
  6. 6.0Voice§
  7. 7.0Applications§
  8. 8.0Design System§
1.0Heritage2.0Logo3.0Color4.0Typography5.0Photography6.0Voice7.0Applications8.0Design Systemspec.mdspec.jsondata view
1.0 HeritageAACT · Brand Standards

Brand Guidelines

Version 1.0

American Association of Chemistry Teachers

1.1

Origin

Brand Story

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.

1.3

Pillars

Share

AACT Medium Blue

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.

Connect

AACT Teal

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.

Succeed

AACT Gold

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.

“The American Association of Chemistry Teachers is founded on the guiding principle that we are creating a community by and for teachers of chemistry.”
2.0 LogoAACT · Brand Standards

The AACT Logo

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.

2.1

Marks

Full color, no registration mark
Full color, no registration mark
Full color, registered (R)
Full color, registered (R)
Digital display, name in #048672 (p. 10.2)
Digital display, name in #048672 (p. 10.2)
Alternate reverse on AACT Dark Blue
Alternate reverse on AACT Dark Blue
Wordmark, full color
Wordmark, full color
3.0 ColorAACT · Brand Standards

Color Palette

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.

3.1

Palette

Select any step to copy its hex. The widest step in each ramp is the working default.

primary

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. · #00C7B15 steps

secondary

Secondary · PANTONE 513 C/U · CMYK 53 99 0 0 · RGB 147 50 142. · #93328E5 steps

logo

Logo · p. 10.2, changed for WCAG. 4.51:1 on white. · #0486723 steps

web

4.79:1 on white. · #037D979 steps

ink

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. · #0486725 steps

neutral

p. 10.5. 9.74:1. · #4444446 steps

Base

body text background, navigation text, the reverse logo. · #FFFFFF3 steps
3.2

Semantic roles

The palette mapped to intent. Values are copyable.

Semantic roles23 tokens
4.0 TypographyAACT · Brand Standards

Typography

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.

4.1

Typefaces

Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
serifTheSerif
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
primaryproxima-nova
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
mixTheMix
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
sansTheSans
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
webSlabmuseo-slab
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
officeCalibri
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
presentationGeorgia
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
emailArial
4.2

Hierarchy

Every role stacked the way it ships.

Hierarchy in use7 roles
Print headlineThe Serif · 700
Chemistry Teachers
Print displayThe Serif Black · 900
community
Logo association name, italic lineThe Serif Italic · 400
of Chemistry Teachers
Screen body (print)The Sans · 400
Chemistry
Web H1Proxima Nova · 600
Classroom Resources
Web heading, slabMuseo Slab · 500
Chemistry Solutions
Email and presentationsCalibri · 400
American Association of Chemistry Teachers
5.0 PhotographyAACT · Brand Standards

Brand Imagery

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.

5.2

Direction

Illustration of teachers of chemistry and their students at work, with the tile pattern as texture, rather than photography.

5.3

Themes

Tile pattern

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.

Illustrations

Teachers and students in lab settings, with molecule models in black, white and red. Apparel colors complement the primary palette.

Web backgrounds

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.

5.4

Principles

  1. 01Everyone in a lab setting wears chemical splash safety goggles.
  2. 02Long hair is tied back and away from the face.
  3. 03Everyone wears closed-toed shoes.
  4. 04Show a diverse group of teachers and students.
  5. 05Apparel colors complement the AACT primary palette.
  6. 06Ads 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.
5.5

Do and don't

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.
Don’t
  • 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.
6.0 VoiceAACT · Brand Standards
6.1

Principles

Carry one of the three pillars in every message.

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.

Speak to the joy of teaching chemistry, professional growth, and relationships.

The brand was built to connect with members and potential members on an emotional level, not only to list resources.

Write for teachers of chemistry, K-12.

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.'

Name the association in full before using AACT.

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.

Credit ACS as the endorser, not the author.

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.
6.3

Vocabulary

Words we use

American Association of Chemistry TeachersAACTteachers of chemistryShare. Connect. Succeed.communityteachchemistry.orgAACTconnectChemistry Solutions
7.0 ApplicationsAACT · Brand Standards
7.1

In the world

print

Business card

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.

print

Letterhead

8.5 x 11 in. Logo and contact block divided by the vertical rule, top centre. Neenah Classic Linen, 80T, Avalanche White.

print

Envelopes

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.

print

Note card and note pad

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.

print

Stationery system

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.

digital

Presentation template

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.

digital

Press release

Issued by the ACS Office of Public Affairs in the ACS press release look and feel.

print

Print collateral

Pocket folder, info cards and brochures built on the pillars, iconography and illustration. Heavy stock, 100 lb or higher.

digital

Email signature

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.

digital

AACTconnect email newsletter

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`.

digital

Video

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.

product

Promotional items

Sticky notes, pens, USB drives and similar. The logo must be legible; the association name may be dropped where placement would compromise it.

product

Apparel

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.

campaign

Advertising

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.

digital

Website

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.

social

Social media

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.

8.0 Design SystemAACT · Brand Standards
Live system·active·2017 - 2025·Tokens on disk, rendered live·spec.json·spec.md

Where the book's web colors fail, and what the system uses instead

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.

Foundations / Spacing

Spacing

The brand's spacing scale and container widths. Mono-keyed for scan, not for memorization.

Scale

11 steps
14px
28px
312px
416px
520px
624px
832px
1040px
1248px
1560px
2080px
1 Hairline gaps: icon to label, tile to tile.2 Tight stacks.3 Control padding, vertical.4 Base. The body size; control padding, horizontal.5 One line of body text (p. 10.5 leading). Paragraph spacing.6 Card and panel padding.8 Between related blocks.10 Two lines. Between sections inside a page.12 Section padding on small screens.15 Three lines. Section padding on large screens.20 Page-level breaks.

Containers

2 widths
measure65ch
Running text width.
page1140px
Content width. The 2014 site ran a fixed ~960px layout; this widens it for current screens.

Foundations / Radius

Radius

Corner-radius tokens. Small UI sharp. Large surfaces soft. Pills and avatars full.

none
0
sm
0
md
4px
full
9999px

Foundations / Motion

Motion

Durations and easings. Conservative product-UI motion. Quick hovers, gentle transitions, no theatrics.

Duration

3 durations
quick
120ms
Hover and focus changes.
base
200ms
Panels opening, content swapping.
slow
320ms
Page-level transitions.

Easing

2 curves
default
500ms
Standard ease for anything that moves.
out
500ms
Entrances.

Components

Component library

A token-driven component set. Every component reads from the brand scope above. Swap the brand and the same components reskin without code changes.

Button

Six variants (primary, secondary, accent, neutral, ghost, outline), three sizes, default and pill shapes.

Tokens
--primary--secondary--accent--radius-md--radius-full--font-primary
Variants
Sizes
Shape
State

Input

Text input, textarea, and label. Standard size scale with hover and focus states tied to the primary token.

Tokens
--primary--base-300--background--foreground--radius-md
Sizes
State
With label

Card

Default, soft, and outlined surfaces. Composable header, body, and footer regions.

Tokens
--background--base-100--base-200--base-300--radius-lg

Default

Standard surface for product UI. Sits on the base background with a subtle border.

Soft

A muted variant for secondary content. Reads as supporting, not primary.

Outlined

Transparent background with a defined edge. Good for placement over decorated surfaces.

Badge

Status indicators and chips. Pulls from brand and status tokens for semantic meaning.

Tokens
--primary--accent--success--warning--danger--radius-full
Brand
PrimarySecondaryAccentNeutralSoft
Status
InfoSuccessWarningDanger
Size
SmallMedium

Avatar

Image or initials, four sizes, optional brand tone for placeholder fills.

Tokens
--primary--secondary--accent--neutral--radius-full
Sizes
HL
CL
EA
YL
Tones
P
S
A
N

Tabs

Underline and pill variants. Active tab uses the primary token; inactive tabs sit at 60 percent foreground.

Tokens
--primary--foreground--base-100--base-300
Underline
Active lesson workspace.
Pill
Home view content.

Patterns

Composed patterns

Pattern assemblies for AACT land in the next phase. The Foundations and Components above are the ingredients. Patterns combine them into navigation, account, and dashboard surfaces specific to this brand.

In progress

Screens

Real screens

Production-shaped screens for AACT land in the next phase. The editorial chapters above already carry the applied side; screens here will be the rendered counterparts.

In progress
AACT · Brand Standards Manual · v1.0.0 · transcribed from the 2014 PDF brand guidelinesFor agentsspec.mdspec.jsonllms.txtdata view