Customize MyPayCheckCal for your organization

Every payroll team has unique needs. Some employers need disclaimers for multiple states, while others want calculators branded for onboarding portals. MyPayCheckCal is designed to adapt quickly. Follow the steps below to tailor the experience without fighting the framework.

Update brand elements

1. Colors and typography: Edit tailwind.config.js to update the theme.extend.colors and typography settings. Because most UI pieces rely on CSS variables, changing the palette automatically flows to buttons, cards, and charts.
2. Logos and icons: Replace the assets inside public/ and update imports in src/components/widgets/Header.astro and Footer.astro.
3. Meta tags: Adjust descriptions, titles, and social metadata in src/config.yaml. The virtual module keeps the values synchronized across the sitemap, RSS feed, and blog pages.

Configure calculators

• Default values: Each calculator island exports a defaultState. Customize wage amounts, filing statuses, or deduction assumptions to match your organization.
• Input labels: Update the localized strings inside the calculator component to reflect your terminology (for example, “benefit credits” instead of “stipend”).
• Additional adjustments: Extend the reducers in the islands to add new deduction buckets or employer contributions. Shared helper functions like calculateTaxWithholding ensure your logic stays consistent.

Add jurisdiction-specific guidance

1. Create a markdown file under src/guides for each state or policy you want to highlight.
2. Link the new guides from src/navigation.ts so visitors can access them from the header and footer.
3. Use the Alert component to surface critical compliance notes directly within calculator result cards.

Keep disclosures current

Compliance statements and disclaimers live in src/components/calculators/PaycheckResults.tsx. Update the copy to include payout timing, responsible parties, or contact information for payroll questions.

With these adjustments, MyPayCheckCal becomes a tailored payroll companion—delivering accurate numbers while reflecting the voice and policies of your organization.