Skip to content
DesignMunkDesignMunk Submit a site

Zamp

zamp.com
Sales tax compliance, done for you—accurate, global, always ahead.
Finance Fintech Webflow Homepage Seasonsans
Share Visit site
zamp.com DESKTOP · 1440
Zamp

AI Breakdown

Design export

---
version: alpha
name: Zamp
description: Sales tax compliance, done for you—accurate, global, always ahead.
colors:
  primary: "#000000"
  secondary: "#1c3c3c"
  tertiary: "#ffec72"
  neutral: "#ffffff"
  border: "#e5e7eb"
  surface: "{colors.neutral}"
  on-surface: "{colors.primary}"
typography:
  headline-lg:
    fontFamily: Seasonsans
    fontSize: 39px
    fontWeight: 500
    lineHeight: 1.21
  headline-md:
    fontFamily: Seasonmix
    fontSize: 31px
    fontWeight: 400
    lineHeight: 1.52
    letterSpacing: -0.013em
  headline-sm:
    fontFamily: Seasonmix
    fontSize: 25px
    fontWeight: 400
    lineHeight: 1.52
    letterSpacing: -0.013em
  headline-xs:
    fontFamily: Seasonsans
    fontSize: 20px
    fontWeight: 400
    lineHeight: 1.2
  body-md:
    fontFamily: Seasonsans
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.5
rounded:
  sm: 8px
spacing:
  xs: 8px
  sm: 16px
  md: 30px
  lg: 48px
  xl: 72px
components:
  button-primary:
    backgroundColor: "{colors.neutral}"
    textColor: "{colors.primary}"
    rounded: 0px
    padding: 11px 18px
    height: 48px
  button-secondary:
    backgroundColor: "{colors.neutral}"
    textColor: "{colors.primary}"
    rounded: 0px
    padding: 11px 18px
    height: 48px
  button-link:
    textColor: "{colors.primary}"
    rounded: 0px
  card:
    backgroundColor: "{colors.neutral}"
    textColor: "{colors.primary}"
    rounded: "{rounded.sm}"
    padding: 16px
---

# Zamp

## Overview

Zamp targets finance and accounting teams at mid-size digital businesses — e-commerce, SaaS, and services companies drowning in multi-state sales-tax obligations. The tone is confident and procedural rather than playful: short declarative sentences, hard numbers ($400M+ remitted, 150K+ filings), and a UI that looks like enterprise software, not a marketing microsite. An agent extending this system should favor density and proof (stats, dashboard screenshots, named customers) over decorative flourish, and keep copy terse — headlines run one clause, body text rarely exceeds two sentences.

## Colors

- **Primary (#000000):** Near-black used for body text, headline type, and all filled button backgrounds/text via inversion — the dominant ink color across the page.
- **Secondary (#1c3c3c):** Deep teal-green used sparingly in dashboard UI accents (progress bars, icon fills) to signal 'in progress' or completed states.
- **Tertiary (#ffec72):** The brand's signature yellow, used for the top announcement bar, hero eyebrow pill, and small accent icon fills — Zamp's one moment of color in an otherwise monochrome page.
- **Neutral (#ffffff):** White surface for the page background and all card/button faces.
- **Border (#e5e7eb):** Light gray hairline dividing cards, table rows, and the dashboard mockup's internal grid.

## Typography

Both families — Seasonsans and Seasonmix — are proprietary, self-hosted webfonts (served as woff2 from the site's own CDN) with no Google Fonts listing, so an agent cannot pull them directly and must substitute. Seasonsans, a grotesque-leaning sans, carries the hero (39px/500), the small headline-xs (20px) labels, and all body copy (16px/400); reasonable substitutes are Inter, Söhne, or General Sans. Seasonmix, used for headline-md and headline-sm (31px and 25px, both at -0.013em tracking with a loose 1.52 line-height), reads as a slightly more editorial serif-sans hybrid for mid-level section headers; substitute with Object Sans, Neue Montreal, or Suisse Int'l. Keep the hierarchy: hero in Seasonsans-500, mid-tier section intros in Seasonmix-400, everything else in Seasonsans-400.

## Layout

Spacing runs on a five-step scale from 8px to 72px, used to separate distinct content bands (xl/72px between major sections) while keeping in-card spacing tight (xs/8px, sm/16px). The page is a wide single column of stacked full-bleed sections rather than a dense multi-column grid — content blocks (hero copy, the two-option card, testimonial carousel, stat row) each get generous vertical room, and the dashboard mockup on the hero's right half is the only element breaking the single-column rhythm.

## Elevation & Depth

No shadows are used anywhere (all shadow tokens are 'none'); hierarchy comes entirely from the 1px border color (#e5e7eb) separating cards and table rows, plus flat color blocks — the yellow announcement bar, black buttons, teal dashboard accents — doing the work shadows would normally do. Depth in the dashboard mockup is implied only by a slightly off-white card background sitting on a warm gray page tint.

## Shapes

Corners are nearly square throughout: buttons and the button-link use 0px radius, giving the CTAs a stamped, official look appropriate to a compliance product. Cards use a modest 8px radius (rounded.sm), just enough to soften the testimonial and dashboard-stat panels without looking playful.

## Components

**Button-primary/secondary**: white background, black text, 0px radius, 48px height, 11px/18px padding — visually near-identical to each other, differentiated by context rather than style. **Card**: white background, black text, 8px radius, 16px padding, used for testimonials and the dashboard's stat tiles.

### Choice Cards
The 'Done for you' / 'Done with you' selector: two horizontally stacked rows in a single bordered container, each with a small colored icon square (yellow, orange), a headline, one sentence of body copy, and a black square arrow-button anchored right.

### Announcement Bar
Full-width yellow (#ffec72) strip above the nav, black text, a bolded inline link ('Get started') and a dismiss (×) control on the far right.

### Dashboard Mockup
The hero's right-hand visual: a simulated app screen titled 'Welcome to Zamp' with three stat tiles (Current liability, Filings, Registrations), a 'Nexus tracker' table with colored status pills (red 'Tax exposure', yellow 'Approaching nexus', gray 'Unregistered'), and a 'Filings this month' progress bar with a teal-green fill.

### Stat Row
Four large numeral call-outs ($400M+, 150K+, 75K+, 200K+) each paired with a short lowercase label beneath, spaced evenly across a single row.

### Logo Strip
A row of grayscale customer wordmarks (Salt & Stone, Crumbl, Solace, Beeya, Kaf Home, Hay & Chix) under a centered 'Trusted by 1,200+ finance and accounting teams' line.

### Testimonial Carousel
Repeating set of three quote cards, each with a short italicized-style quote, a name/title line, and a 'Read case study' text link.

## Do's and Don'ts

- Do keep button corners squared at 0px; do not introduce rounded pill buttons outside the yellow announcement/eyebrow badges, which are the one intentionally pill-shaped element.
- Do reserve tertiary yellow (#ffec72) for small high-attention accents (badges, bar, icon fills) — do not use it as a large background field, which would fight the black/white restraint.
- Do rely on the #e5e7eb border and white/off-white tonal shifts for separation; don't add drop shadows, which have no precedent anywhere on the page.
- Do pair every stat or claim with a specific number (states, dollar amounts, months) — vague claims read off-brand for a compliance product.
- Don't set headline-md/sm (Seasonmix) below its -0.013em tracking or the mid-tier headers will look inconsistent with the rest of the page's tight type.

## Agent Prompt Guide

Quick reference — text/background #000000 on #ffffff surfaces; accent #ffec72; secondary accent #1c3c3c; border #e5e7eb; buttons 0px radius, cards 8px radius.
1. Build a two-option comparison block: single bordered container split into two rows, each with a 40px colored icon square (#ffec72 and an orange equivalent), a Seasonmix 25px headline, one line of Seasonsans 16px body text, and a black 0px-radius square button with a right-arrow icon.
2. Create a full-width announcement bar in #ffec72 with centered black Seasonsans 16px text, a bold inline link, and a right-aligned × dismiss icon.
3. Design a dashboard-style hero visual on a light gray (#e5e7eb-adjacent) card: a Seasonmix 25px title, three stat tiles with Seasonsans labels and bold numerals, and a status table using pill badges in red/yellow/gray for exposure states.
4. Lay out a stat row of four items, each a large bold Seasonsans numeral (e.g. 39px scale) over a 16px lowercase label, evenly spaced in one horizontal row on white.
5. Build a testimonial card at 8px radius, 16px padding, white background, with an italic-style quote line, a name/title line beneath in smaller Seasonsans text, and a black text link reading 'Read case study'.

## Similar Brands

- **Avalara**: same enterprise-tax-compliance space, but leans more corporate blue/gray with denser marketing copy — Zamp's black/yellow palette is more distinctive.
- **Ramp**: shares the black-text-on-white, squared-button, stat-heavy fintech aesthetic aimed at finance teams.
- **Mercury**: similar restrained monochrome-plus-single-accent approach, though Mercury's accent is a cooler tone and its type is more geometric.
- **Brex**: comparable use of dashboard screenshots as primary proof element in the hero, aimed at the same finance-ops buyer.

More like this

Browse Finance →
checkoutpage.com
Checkout Page Ecommerce
Checkout Page
One platform for everything you sell
Homepage · 2 days ago
finera.com
Finera Finance
Finera
The Art of Payments.
Homepage · 4 days ago
helloaria.eu
Aria Finance
Aria
Aria makes late payment irrelevant in B2B
Homepage · 6 days ago
quinngtl.com
Quinn Global Tax Law Finance
Quinn Global Tax Law
Protect what’s yours with integrated global tax and legal strategy
Homepage · 7 days ago