# ACTiVO One — Brand kit v1

Prepared for Meta Mates Group, 9 September 2026. Working brand direction based on the user-selected ACTiVO One wordmark and metallic symbol. Marketing layouts are editable examples, not a claim of product launch or general availability.

## Identity and naming

- Exact name: **ACTiVO One**. Lowercase dotted i, uppercase ACT and VO, title-case One. Never ACTIVO ONE or ActivoOne in public copy.
- Descriptor: **Business Platform**. Endorsement: **by MMG**.
- Positioning: ACTiVO One is MMG's business platform, built around the way businesses work.
- Primary launch line: **Your business. Connected.**
- Supporting line: **Introducing ACTiVO One, the business platform by MMG.**
- CTA: **Explore ACTiVO One** for launch creatives; **Discuss your business** for the current enquiry journey.

## Product line architecture — corrected by MMG

MMG is the parent brand with four product lines:

| Product line | Descriptor | Contents |
|---|---|---|
| MetaTap | Digital Identity | Digital identity offering |
| ACTiVO Suite | Collections and management | Loan Recovery, Deposit, MDS, ChitsPRO |
| ACTiVO Presence | Time and Attendance and Leave Management | Product features beyond this descriptor are not yet specified |
| ACTiVO One | Business Platform | Product features beyond this descriptor are not yet specified |

Product journey, in the order supplied by MMG: **MetaTap → ACTiVO Loan Recovery, MDS & Deposit → ACTiVO ChitsPRO → ACTiVO Presence → ACTiVO One**. No dates have been supplied. This is a product evolution sequence, not a dated timeline. ChitsPRO is within Suite, not a fifth top-level line. Use the exact casing ChitsPRO.

Use the new A/1 identity for One. Use existing supplied artwork for Suite and MetaTap; Presence and ChitsPRO use typographic names until dedicated approved artwork is supplied. Do not infer shared databases, accounts or integrations from the brand architecture.

## Logo system

- `assets/activo-one-primary.png`: everyday logo, website headers, proposals and documents.
- `assets/activo-one-metallic.png`: launch films, hero placements, presentation covers and larger promotional uses.
- `assets/activo-suite.png`: supplied collections artwork, retained for family co-branding.
- Keep A/1 geometry, casing, colour relationships and by MMG endorsement together. Never stretch, rotate, crop or add extra effects.
- Clear space: aim for one symbol-height around the visible logo; when space is constrained, use a dedicated larger panel instead of crowding the mark.
- Working minimum display width: 240 CSS px for the full lockup. Test the by MMG endorsement at final size. Print starting minimum: 45 mm, subject to a proof.
- Supplied One files are PNG artwork on white, not vector or transparent masters. Use white logo panels on coloured backgrounds. Do not place the white-backed image directly over photography.
- Metallic treatment is the specifically agreed promotional variant; do not apply it to body text or the full wordmark.
- App-icon, stacked, monochrome and reversed vector masters remain a production artwork step. Do not pretend that these PNGs are SVGs or trace them automatically as final masters.

## Colour

| Token | Hex | Role |
|---|---|---|
| Midnight | #10264B | Headlines, navigation, strong text |
| Indigo | #30206B | Family identity and symbol |
| Cobalt | #2459CB | Primary actions and One accent |
| Cyan | #16B8DB | Glass detail, rules and decorative motion |
| Ice | #F3F7FC | Calm backgrounds |
| Slate | #536680 | Supporting text |
| White | #FFFFFF | Logo field and content surface |

These are design tokens, not exact pixel samples from the generated metallic artwork. White on cobalt has approximately 6.2:1 contrast; midnight on white approximately 15:1. Cyan is a decorative accent: do not use it for small body text on white. Verify final rendered states before release.

## Typography and layout

Inter Regular 400 and Semibold 600; Arial fallback. Bundled webfont licence accompanies the assets. The logo lettering is artwork, not editable Inter.

Use 48–64px display text on large canvases, 32–40px section headings, 20–24px card headings, 16px body and 12–14px labels. On mobile, use 32–40px display and at least 14–16px reading text. Line-height: 1.1 for short headlines, 1.6 for body. Use a 4px spacing scale, 24–32px card padding, 48–64px section spacing. Keep one message per panel.

Primary button: cobalt, white text, 44px minimum height, 6px radius. Hover: deeper blue. Keyboard focus: 3px indigo outline with a 3px gap. Disabled: explicitly disabled plus muted styling, never colour alone. Use visible labels rather than icon-only CTAs.

## Voice and claims

Clear, practical and confident. Talk about the business problem before the technology. Prefer short sentences and concrete actions. Avoid “revolutionary”, “guaranteed growth”, unsupported customer counts and unconfirmed ERP functions.

Use: “Your business. Connected.” / “A clearer way to organise collection work.” / “Built around the way you work.”

Do not claim AI-native ERP, finance/HR/inventory modules, real-time cross-product integration, regulatory compliance, deployment speed or performance improvements without product evidence. Corporate startup registrations are not product certification.

## Visual and motion language

Use controlled indigo-blue depth, thin connection lines and calm white space. Metallic-glass detail belongs on the A/1 symbol; keep the remaining composition clean. Prefer actual software captures when approved; conceptual diagrams must not look like verified product interfaces.

Logo reveal: 1.2–1.8 seconds; restrained fade and upward movement, followed by a short hold. Scene transitions: 450–650ms. No spinning logos, continuous flashing, strobing or exaggerated camera sweeps. Preserve a stable reading interval per scene. Motion may be disabled; the storyboard remains accessible as static scenes. Never autoplay sound.

## Included applications

`index.html`: visual guide, logo usage, palette, typography and editable launch tile.
`launch.html`: playable 30-second family storyboard with pause, replay, scrubber and seven scene buttons.
`social.html`: editable square / portrait / landscape announcement layouts, viewable in browser.
`email-signature.html`: editable company/product signature using a relative logo asset; for email deployment host the image at an approved public HTTPS URL and use an absolute link.
`brand-tokens.css` and `brand-tokens.json`: implementation tokens.
`ANIMATION-PLAN.md`: timing, script, motion direction and production checklist.

## Before public release

Confirm product availability and the ACTiVO One landing-page destination, final ERP capabilities, pronunciation, any music/voice talent rights, and current Suite capability wording. Create vector logo masters and application-specific exports. No public publishing has been performed by creating this kit.


## Revised homepage identity family
The homepage uses four new editable SVG concepts: metatap-mark.svg (identity and tap), suite-mark.svg (layered A), presence-mark.svg (P and time), and one-mark.svg (A/1). Shared indigo/cobalt metallic gradients and cyan accents, consistent 128-square view boxes and Inter wordmarks. Earlier raster artwork is retained as previous exploration. Homepage motion runs automatically while visible, without visible playback controls; reduced-motion shows the four-line overview.


## Original logo preservation — current direction
Preserve the original ACTiVO A with handshake and the approved ACTiVO One metallic A/1. The homepage displays their original raster artwork through cropped symbol windows, without redrawing the shapes. ACTiVO uses a CSS blue hue treatment; source artwork is unchanged. The simplified suite-mark.svg and one-mark.svg concepts are superseded and must not replace the original logos. MetaTap and Presence retain the new matching vector designs.