# AppDeen AI brand system

> Brand rules, design tokens, logo files, motion, sound and document templates for AppDeen AI, a company in Amman, Jordan that rents senior, pre-trained AI employees. Read brand.md first and follow it exactly. One blue only: #2254F2, on light and on dark. Text on dark is #FFFFFF. Headlines Archivo Expanded, text DM Sans, labels Space Mono, Arabic Readex Pro.

## Rules
- [brand.md](https://brand.appdeen.ai/brand.md): every rule as instructions: colour, type, logo, characters, components, motion, templates, voice, checklist
- [Brand guidelines site](https://brand.appdeen.ai/): the same rules with live examples and a layers inspector for the logo

## Tokens and code
- [tokens.css](https://brand.appdeen.ai/assets/brand/tokens.css): CSS variables
- [tokens.json](https://brand.appdeen.ai/assets/brand/tokens.json): W3C design tokens
- [tailwind.preset.js](https://brand.appdeen.ai/assets/brand/tailwind.preset.js): Tailwind preset
- [components.css](https://brand.appdeen.ai/assets/brand/components.css): buttons, nav, cards, fields, status chips, Powered-by badge, employee card
- [living-mark.js](https://brand.appdeen.ai/assets/brand/living-mark.js): animated hero mark (WebGL)

## Logo
- [Horizontal, on light](https://brand.appdeen.ai/assets/logo/svg/appdeen-ai-horizontal-full-colour.svg)
- [Horizontal, on dark](https://brand.appdeen.ai/assets/logo/svg/appdeen-ai-horizontal-full-colour-dark.svg)
- [Stacked, on light](https://brand.appdeen.ai/assets/logo/svg/appdeen-ai-stacked-full-colour.svg)
- [Stacked, on dark](https://brand.appdeen.ai/assets/logo/svg/appdeen-ai-stacked-full-colour-dark.svg)
- [Mark](https://brand.appdeen.ai/assets/logo/svg/appdeen-ai-mark-full-colour.svg)
- File pattern: https://brand.appdeen.ai/assets/logo/svg/appdeen-ai-<lockup>-<colourway>.svg and /assets/logo/png/appdeen-ai-<lockup>-<colourway>.png, where lockup is stacked, horizontal, mark or wordmark and colourway is full-colour, full-colour-dark, white, black or blue

## Templates
Fill the JSON, open the HTML with ?data=<base64url JSON>, print to PDF. Do not restyle.
- [Invoice](https://brand.appdeen.ai/templates/invoice.html): Tax invoice with 16% sales tax, totals in words, bank and CliQ details, and a JoFotara QR slot. Data: https://brand.appdeen.ai/templates/invoice.json
- [Invoice · English and Arabic](https://brand.appdeen.ai/templates/invoice-bilingual.html): Bilingual tax invoice with 16% sales tax, totals in English and Arabic words, bank details and a JoFotara QR slot. Data: https://brand.appdeen.ai/templates/invoice-bilingual.json
- [Credit note](https://brand.appdeen.ai/templates/credit-note.html): Credit against an original invoice with 16% sales tax reversed, the total in words, settlement and a JoFotara QR slot. Data: https://brand.appdeen.ai/templates/credit-note.json
- [Receipt](https://brand.appdeen.ai/templates/receipt.html): Payment receipt with the amount in figures and words. Data: https://brand.appdeen.ai/templates/receipt.json
- [Quotation](https://brand.appdeen.ai/templates/quotation.html): Price quote that splits one-time and monthly fees, with terms and client acceptance. Data: https://brand.appdeen.ai/templates/quotation.json
- [Purchase order](https://brand.appdeen.ai/templates/purchase-order.html): Order to a supplier with delivery details, 16% sales tax, terms and an authorised signature. Data: https://brand.appdeen.ai/templates/purchase-order.json
- [Service agreement](https://brand.appdeen.ai/templates/agreement.html): Contract for renting AI employees: 12 clauses, fee schedule and signatures. Data: https://brand.appdeen.ai/templates/agreement.json
- [Service agreement · English and Arabic](https://brand.appdeen.ai/templates/contract-bilingual.html): The AI employee service agreement in English and Arabic side by side, clause by clause, with fee schedule and bilingual signatures. Data: https://brand.appdeen.ai/templates/contract-bilingual.json
- [Mutual NDA](https://brand.appdeen.ai/templates/nda.html): Two-way confidentiality agreement for discovery calls and pilots. Data: https://brand.appdeen.ai/templates/nda.json
- [Project timeline](https://brand.appdeen.ai/templates/timeline.html): Week-by-week plan with owners, milestones and a today marker, drawn to scale. Data: https://brand.appdeen.ai/templates/timeline.json
- [Monthly report](https://brand.appdeen.ai/templates/report.html): Client performance report: KPIs with change, a 6-month chart, done, next, risks and decisions. Data: https://brand.appdeen.ai/templates/report.json
- [Client onboarding pack](https://brand.appdeen.ai/templates/onboarding.html): Pack for a new client: their AI employees and people, the access checklist, the first 30 days, how we work and sign-off. Data: https://brand.appdeen.ai/templates/onboarding.json
- [Meeting notes](https://brand.appdeen.ai/templates/minutes.html): Agenda, decisions and action items with owners and due dates. Data: https://brand.appdeen.ai/templates/minutes.json
- [Letterhead](https://brand.appdeen.ai/templates/letter.html): Formal letter on AppDeen AI letterhead. Data: https://brand.appdeen.ai/templates/letter.json
- [Offer letter](https://brand.appdeen.ai/templates/offer-letter.html): Employment offer with role, salary in JOD, benefits, leave, probation, Social Security and a signed acceptance. Data: https://brand.appdeen.ai/templates/offer-letter.json
- [Payslip](https://brand.appdeen.ai/templates/payslip.html): Confidential monthly payslip: earnings, deductions, Social Security shares, net pay in words and employer contributions. Data: https://brand.appdeen.ai/templates/payslip.json
- [Business cards](https://brand.appdeen.ai/templates/cards.html): Front and back, one back per person. Send the PDF to the printer as is. Data: https://brand.appdeen.ai/templates/cards.json
- [Email signature](https://brand.appdeen.ai/templates/signature.html): Table-based signature that survives Gmail, Outlook and Apple Mail. Data: https://brand.appdeen.ai/templates/signature.json
- [Certificate](https://brand.appdeen.ai/templates/certificate.html): Certificate of completion for AI courses, schools and corporate training. Data: https://brand.appdeen.ai/templates/certificate.json
- [Social posts](https://brand.appdeen.ai/templates/social.html): Instagram post, story and LinkedIn banner at platform sizes. Data: https://brand.appdeen.ai/templates/social.json
- [Presentation](https://brand.appdeen.ai/templates/deck.html): Six slide layouts: cover, section, three points, big number, quote and close. Data: https://brand.appdeen.ai/templates/deck.json
- [Signage](https://brand.appdeen.ai/templates/signage.html): Roll-up banner, A2 poster, meeting-room door signs and a bilingual wayfinding sign, each at its real print size. Data: https://brand.appdeen.ai/templates/signage.json
- [Merchandise](https://brand.appdeen.ai/templates/merch.html): Print-ready artwork for T-shirt front and back, a die-cut sticker sheet, staff ID badges, a tote bag and a mug wrap. Data: https://brand.appdeen.ai/templates/merch.json
- [company.json](https://brand.appdeen.ai/templates/company.json): AppDeen AI legal and bank details used by every template

## Motion and sound
- [Logo sting 16:9](https://brand.appdeen.ai/assets/motion/appdeen-sting-16x9.mp4) and [9:16](https://brand.appdeen.ai/assets/motion/appdeen-sting-9x16.mp4): open or close videos with it, unedited
- [Sonic logo](https://brand.appdeen.ai/assets/sound/appdeen-sonic-logo.mp3) and [chime](https://brand.appdeen.ai/assets/sound/appdeen-chime.mp3)
- Visor states: https://brand.appdeen.ai/assets/characters/visor/<idle|listening|thinking|working|needs-approval|done|offline>.svg

## Optional
- Characters: [Mr. AppDeen](https://brand.appdeen.ai/assets/characters/mr-appdeen.webp), [Salma](https://brand.appdeen.ai/assets/characters/salma.webp), [Max](https://brand.appdeen.ai/assets/characters/max.webp), [Steve](https://brand.appdeen.ai/assets/characters/steve.webp)
- [Brand kit zip](https://brand.appdeen.ai/appdeen-brand-kit.zip): everything above in one download
