Anvil’s Mission
Anvil Design System empowers teams to build accessible, scalable, and delightful user experiences for ServiceTitan. We aim to develop assets and systems rooted in key design and engineering processes, partnerships, and modern systems thinking. We inspire through collaboration, while allowing our consumers to do more with less. Read more about Our Core Principles.Highlight: Q4 FY26 in Review
🚀 Deliverables
- Unit Test Coverage to 80% in Anvil2
- Improve Contribution & PR Workflow
- Enable AI doc writing assistant tooling
- Data Table Cell Error State
- Test React 19 compatibility
- Intake Atlas UI Components
- Implement BrowserStack for mobile testing
- Additional Data Table cell formatting
- Single source-of-truth for tokens POC
- Document Data Viz and amcharts theme
- Add Support for Tier 3 Tokens
- Document xsmall Button
- Improve Data Table rendering performance
- Implement live code blocks with Stackblitz
✅ Operational
- 45 bugs resolved → stability improvements
- React 19 compatibility and testing infrastructure → upgraded peer dependencies, BrowserStack mobile testing, 80% unit test coverage target
- Documentation platform migration → AI-readable docs, Mintlify moved to Hammer repository, live code blocks with Stackblitz, component previews, governance section added
- Accessibility and performance → keyboard navigation improvements, Data Table rendering optimizations, color contrast fixes
- Design system foundations → Tier 3 token support, AI/Atlas foundations documented, base layer components stabilized
- Tooling and workflow → AI doc writing assistant, AI-powered ticket creator launched, AI Impact Tracker launched, improved contribution process, Figma plugin released for DataTable
What’s Underway in Q1 FY27
Components
- Beta Rich Text Editor with at-mention support
- DataTable feature set:
- Full data-set sorting
- Default caching for loaded page data
- Cell overflow handling (beta)
- Warning validation options
- Editable cells with SelectMenu/MultiSelectMenu
- Options to disable ‘Expand All’ and ‘Select All’
- Boolean editable cell type
- Custom editable fields with multi-field Dialog support
- Empty state illustration
- Internal popover refactors
- Selection components
SelectFieldandMultiSelectFieldenhancements- New
SelectMenuandMultiSelectMenufor non-input based selection - New
TreeSelectFieldandTreeSelectMenufor nested tree-based selection
- Standardized tooltip and label behavior/API in form fields
Docs & Education
- Enhanced Dashboard with Adoption and Accessibility Insights
- Responsive & Adaptive Design pattern page
- Number Field documentation for hiding +/- controls
- Documented release and communication workflow
- Docs site automation and AI consumption enhancements
- Re-evaluated token display locations
Integrations
- AI-integrated design process support for XD
- Internal AI workflows and tooling improvements
- Storybook MCP installation in hammer repo
- Storybook MCP and Figma Make process comparison and documentation
- Updated AI rules/skills with recurring review process
3.0 Release Highlights
Anvil2 3.0 is a CSS-only breaking release with foundational changes to our CSS structure. Previously, component styles used cascade layers (@layer) — but unlayered CSS like Bootstrap always wins over layered CSS regardless of specificity, causing style overrides across the monolith. In 3.0, all component styles are flat, unlayered CSS — eliminating the revert-layer bugfix file and making specificity predictable across all environments.
Tier 3 Color Tokens
Full Tier 3 color token coverage across all components. Consistent, semantic color application system-wide with support for theming and future brand updates.
Enhanced Color Ramps
Expanded and refined color ramps for improved contrast, accessibility compliance, and visual consistency across light and dark surfaces.
Optimized Token Build
Streamlined
hammer-token build pipeline for faster compile times and a smaller output footprint — less overhead for every team consuming Anvil.Flattened CSS Architecture
CSS specificity simplified and flattened for easier styling adoption, reduced override friction, and a cleaner path for teams customizing Anvil components.
Reliability & Quality Improvements
| Your Feedback | Changes in Motion |
|---|---|
DateField components not respecting dates for users in different timezones. | Fixed timezone handling in DateFieldSingle, DateFieldRange, Calendar, and Toolbar.Filter. |
DataTable cells, columns, and styling not rendering or behaving correctly. | Fixed pinned column shadows, className property, cell editing, and subcomponent overflow. |
SelectField and Combobox components had rendering, performance, and state issues. | Resolved item ordering, option rendering, filtering state resets, and performance lag. |
Keyboard navigation and focus management broken in some components. | Fixed tooltip keyboard access, focus scrolling, Action Menu controls, and DataTable navigation. |
Visual Design Updates
🎨 Deliverables
- Marketing campaigns → Delivered 23 trade-specific email campaigns including seasonal promotions (spring pest prevention, pool cleaning, carpet cleaning), service reminders (payment, appointment, maintenance), and customer engagement templates (win-back, review requests, SMS opt-in)
- Lennox localization → Created French-language versions of 4 email templates covering refrigerant phase-out, seasonal rebates, tax credits, and financing options
- Templates and tooling → Built Scheduling Pro template, Marketing Pro Matik template, Sales Enablement Synthesia revision, R&D template refresh, and product highlighter for Atlas-modified content
- Illustrations and assets → Updated magnifying glass illustration for Inventory Mobile, created PLG performance icons, designed AI icons on Recraft, and delivered roofing brochure and plumbing direct mail assets
✅ Operational
- Total Activity → 50 tickets processed across 23 campaigns and 23 other requests
- Campaign Support → 23 campaign tickets delivered visual design assets and brand guidance
- Ad Hoc Requests → 23 miscellaneous tickets supported product teams with design resources
FY26 Highlights
- Table component released → Long-awaited DataTable with empty states, cell error states, and formatting options for dates, times, and numbers
- Anvil2 2.0 release completed → Communicated and released with 0 regressions
- Documentation tooling modernized → Anvil2 docs MCP launched, AI writing assistant enabled and contribution workflow improved for faster content updates
- Accessibility improvements shipped → Keyboard navigation ensured across components and tooltip accessibility on form controls validated
- Testing infrastructure expanded → BrowserStack mobile testing implemented and unit test coverage increased to 80% target
- Design system foundations strengthened → Design principles documented, token guidance published, and Tier 3 tokens added for Button and Switch components