Cirrus Local Cirrus Site System Builder

Internal design intake

Design guide for your company

A compact app for the decisions designers actually need: logo, colors, type, buttons, spacing, mobile scale, and form fields.

1. Color Palette

Type hex values directly, set a role, and describe where each color belongs.

2. Typography

Pick fonts per style and watch the preview update beside the settings.

Typography templates

Choose a type scale; it fills the desktop and mobile values below.

3. Buttons

Desktop and mobile button settings. Mobile fallbacks generate unless manually overridden.

4. Desktop & Mobile Spacing

Use a preset or edit manually. Keep descriptions plain so builders know where each value belongs.

5. Desktop Spacing Rules

Editable rules for relationships like bullet spacing, card padding, and section gaps.

7. Form Fields

Starts with name, email, and phone. Add only the fields the site needs.

Form Specs

8. Asana Handoff

Use a webhook endpoint from Make, Zapier, n8n, or a small server so private Asana tokens never live in this page.