# O2Matix — Spatial Systems

Selected identity: Stitch option 03, approved for integration on 22 October 2026.

## Brand

**O2Matix** designs, builds and implements AI systems and business automation. **Voice Studio** is its voice-agent product.

Brand message: **Systems that think. Business that moves.**

Hebrew positioning: מתכננים, מפתחים ומטמיעים מערכות AI ואוטומציה המחברות בין מידע, מערכות ואנשים.

## Assets and source

- `o2matix-spatial-mark.svg`: the interdependent rectangular symbol extracted from the selected Stitch design.
- `o2matix-spatial-hero.svg`: the original selected spatial illustration, extracted as standalone SVG.
- `o2matix-spatial-logo.svg`: the selected symbol paired with O2Matix lettering converted to vector outlines from Space Grotesk Semibold. The background is transparent; the symbol includes its original dark tile.
- `/favicon.svg`: compact selected symbol.
- Original exploration and generation records: `.stitch/designs/03-spatial-systems.html`, `.stitch/designs/03-spatial-systems.png`, `.stitch/designs/manifest.json`.

The implementation uses the selected artwork and visual direction with purpose-built responsive HTML/CSS. It does not run Stitch's generated CDN scripts or carry over invented coordinates, certifications, performance figures or specimen labels into product flows.

## Colors

| Role | Name | Hex |
| --- | --- | --- |
| Base | Deep Midnight | #080B14 |
| Primary text | Cool Silver | #D7E2EF |
| Action and focus | Ion Cyan | #59D5EC |
| Secondary text | Silver Slate | #9FB1C7 |
| Working panels | Midnight Surface | #0F1423 |
| Boundaries | Architectural Line | #29384E |

Use cyan selectively for active steps, primary actions and focus. Preserve distinct green success, amber incomplete-information and rose error states.

## Typography

Space Grotesk for English display typography and Latin metadata. Heebo for Hebrew UI and business content. Both variable fonts are self-hosted under `/fonts/`; original SIL Open Font Licenses are included alongside them. The vector logo contains outlined glyphs and needs no font request.

Keep Hebrew letter spacing natural. Isolate English, URLs and mixed-direction values. Never mirror the symbol when the layout changes direction.

## Components

Dark midnight backgrounds, dimensional restrained panel gradients, thin cyan-tinted boundaries and 4–8px radii. Primary buttons use cyan with dark text; secondary buttons use dark panels with silver text. Fields retain clear labels and visible keyboard focus. Graph nodes use the same materials and focus accents. Respect reduced-motion preferences.

## Integration

Website: `/brand.html`, styled by `/brand-spatial.css`.

Portal: `/`, styled by `/branding-spatial.css` above existing structural styles. Preserve all account, scan, agent, graph and call functionality.