# First goal

First goal: a goal switches what it measures, and its stats refresh.

- Theme: Interface
- Size: spot
- Access: Free
- Page: https://illos.dev/library/interface/first-goal
- Preview image: https://media.illos.dev/previews/a1b07861/flat/first-goal.light.1600.webp
- SVG: https://illos.dev/assets/styles/flat/first-goal.svg
- Add to a React project: `npx shadcn@latest add https://illos.dev/r/flat/first-goal.json`

On the page, Copy gives the SVG and Download the file.

## How it moves

1. a goal shows three stats and two outcomes it can measure.
2. a click picks the page view, and the stats refresh.
3. a second click goes back to the custom event, and they refresh again.

## Where it fits

For analytics and marketing products: the goals page before the first goal, the setup step that asks what counts as a conversion, or a features card on tracking outcomes. Switching between a page view and a custom event, with the stats refreshing each time, shows that a goal is one choice and the numbers follow from it. As a spot it fits above a short line and a Create goal button. It is free to copy and pairs with First funnel, Revenue not set up and Usage meter.

Pairs well with: First funnel (https://illos.dev/library/interface/first-funnel.md), Revenue not set up (https://illos.dev/library/interface/revenue-setup.md), Usage meter (https://illos.dev/library/interface/usage-meter.md)

## Related

- [Interface illustrations](https://illos.dev/library/interface)
- [Free illustrations](https://illos.dev/library/free)
- [All illustrations](https://illos.dev/library)