Elements

Every reusable element, rendered on each surface. Sections compose from these — change one here and it changes everywhere.

Colour tokens

--cz-green-900
--cz-green-700
--cz-green-600
--cz-panel
--cz-mint
--cz-mint-bright
--cz-mint-glow
--cz-pale
--cz-ink-dark
--cz-ink-heading
--cz-ink-body
--cz-surface-grey

On white

Big Title / cz-title

How It Works

Heading + lede / cz-heading, cz-lede

What We Do

Creative Zone Tax & Accounting helps UAE businesses manage their tax, accounting, and compliance responsibilities with practical, expert support.

Small lede: the same element one step down, used where the design sets intro copy at 14px.

Buttons / cz-btn — hover to see the Figma Hover variant

FAQ item / cz-faq-item — collapsed and expanded

1. What does a tax and accounting firm do?

Expanded state: mint fill, green heading, and the plus rotated into a cross.

2. Collapsed state

Body copy.

Testimonial / cz-testimonial

They are handling our finance & tax related matters

A very professional qualified team, quick and efficient in handling our day-to-day requirements.

SPGT General Trading

Info card / cz-info

Corporate Tax

More

Supporting copy, then the scope list.

  • Registration
  • Impact assessments
  • Return preparation and filing
  • Ongoing compliance support

Check card / cz-check

  • Integrated Support One specialist team across every service.

Stat / cz-stat

FTA Approved Agency

On grey

Big Title / cz-title

How It Works

Heading + lede / cz-heading, cz-lede

What We Do

Creative Zone Tax & Accounting helps UAE businesses manage their tax, accounting, and compliance responsibilities with practical, expert support.

Small lede: the same element one step down, used where the design sets intro copy at 14px.

Buttons / cz-btn — hover to see the Figma Hover variant

FAQ item / cz-faq-item — collapsed and expanded

1. What does a tax and accounting firm do?

Expanded state: mint fill, green heading, and the plus rotated into a cross.

2. Collapsed state

Body copy.

Testimonial / cz-testimonial

They are handling our finance & tax related matters

A very professional qualified team, quick and efficient in handling our day-to-day requirements.

SPGT General Trading

Info card / cz-info

Corporate Tax

More

Supporting copy, then the scope list.

  • Registration
  • Impact assessments
  • Return preparation and filing
  • Ongoing compliance support

Check card / cz-check

  • Integrated Support One specialist team across every service.

Stat / cz-stat

FTA Approved Agency

On dark

Big Title / cz-title

How It Works

Heading + lede / cz-heading, cz-lede

What We Do

Creative Zone Tax & Accounting helps UAE businesses manage their tax, accounting, and compliance responsibilities with practical, expert support.

Small lede: the same element one step down, used where the design sets intro copy at 14px.

Buttons / cz-btn — hover to see the Figma Hover variant

FAQ item / cz-faq-item — collapsed and expanded

1. What does a tax and accounting firm do?

Expanded state: mint fill, green heading, and the plus rotated into a cross.

2. Collapsed state

Body copy.

Testimonial / cz-testimonial

They are handling our finance & tax related matters

A very professional qualified team, quick and efficient in handling our day-to-day requirements.

SPGT General Trading

Info card / cz-info

Corporate Tax

More

Supporting copy, then the scope list.

  • Registration
  • Impact assessments
  • Return preparation and filing
  • Ongoing compliance support

Check card / cz-check

  • Integrated Support One specialist team across every service.

Stat / cz-stat

FTA Approved Agency