Aggie UX Design System
Texas A&M brand-compliant design system — components, tokens, patterns, and implementation reference for Vue+Nuxt.
Design
Foundations
ColorsPrimary, secondary, accent, and semantic color tokens for brand-compliant UIs.
TypographyWork Sans, Open Sans, and Oswald — font families, weights, and scales.
Icon Library72+ scalable, accessible SVG icons aligned with Texas A&M brand identity.
AccessibilityWCAG 2.2 focus styles, accessible heading hierarchy, and screen reader patterns.
Section StylesDefault, Bold, and Elegant style variants — when and how to apply each.
Default Content StylesProse headings, links, lists, and inline elements for markdown content.
Building Blocks
Components
Cards & Card GroupsStandard, linked, featured, and slab card patterns with full hover animations.
CalloutInfo, warning, success, and error callout boxes with icon and style variants.
ButtonsPrimary, secondary, ghost, CTA, and on-dark button variants with size modifiers.
AccordionCollapsible accordion groups with expand/collapse-all support.
Heading GroupSuperhead + headline patterns used throughout landing and section pages.
TablesResponsive data tables with AUX styling.
For Developers
Tools & Patterns
AUX CDNLink CSS and JS from the CDN — fastest way to add AggieUX to any project.
Grid System12-column responsive grid with breakpoints and utility classes.
UtilitiesSpacing, flex, visibility, type, borders, and breakpoint utility classes.
TemplatesStandard, landing, home, and news page layout templates for this Vue+Nuxt site.
Vue ComponentsHow existing AUX components are wrapped as Vue 3 components in this codebase.
ChangelogRelease history, breaking changes, and what's new in AUX 2.0.
2.0.1Current Version
40+Components
72+Icons
WCAG 2.2Accessibility