Design System v1.0

Alchemy

The design system for Kazam. Tokens, components, and patterns for building tracking infrastructure products that feel bold, fast, and unmistakably Kazam.

Iconography

Pixel Icons

8x8 grid icons built from individual pixels. Sharp, technical, unmistakably Alchemy. Renders at any size, any color from the palette.

Signal
Chart
Shield
Bolt
Target
Pulse
Radar
Connection
Data
Eye
Lock
Check
Arrow
API
Grid
Pixel
16px
24px
32px
48px
64px
96px
Color

Palette

Orange 500

#FF4D00

Orange 600

#DB3F00

Blue 500

#126EF5

Neutral 900

#0F172A

Neutral 50

#F8FAFC

Typography

Type System

Display — ED Nimpkish

Tracking
Becomes
Visible

Body — Inter

Your ad platforms are optimising on incomplete data. Most advertisers are missing 30–40% of their conversion signals.

Kazam finds the gaps, fixes the infrastructure, and watches it 24/7. From pixel setup to server-side CAPI to CRM integration — every signal path accounted for.

Caption text at 13px — used for metadata, timestamps, and supporting information that sits below the primary content hierarchy.

Components

40+ Components

Form primitives, data visualisation, navigation, marketing compositions — everything needed to build any Kazam product.

Form

8

Button, Input, Select, Checkbox, Radio, Switch, Textarea, FormField

Content

7

Card, Badge, Tooltip, Avatar, Separator, Dialog, Toast

Navigation

7

TopBar, Tabs, Accordion, Dropdown, Progress, Skeleton, Alert

Dashboard

10

DataTable, Charts, KPI Card, DatePicker, DateRangePicker, Sidebar

Button Variants

Spacing

4px Base Unit

1
4px
2
8px
3
12px
4
16px
6
24px
8
32px
12
48px
16
64px