# Otavio R. Franca — Ideas in motion.

Personal brand / Edition 02 / October 20, 2026

## Positioning

I turn ideas into websites, brands and working digital products. I direct the work across design, code and storytelling, coordinating AI tools and keeping the evidence of what was delivered visible.

Audience: founders, collaborators and teams looking for a hands-on creative partner who can connect strategy with execution. The portfolio is independent of Vektor Strategies; Vektor is one project in the body of work.

Promise: a clear direction, tangible work and an honest account of each project’s stage. No invented awards, revenue, audience figures or guarantees.

## Name and signature

Primary: **Otavio R. Franca**
Signature: **Ideas in motion.**
Descriptor: **Strategy, design and digital products.**
Short introduction: “I connect strategy, design and technology to turn ideas into working digital experiences.”
Long introduction: “I’m Otavio R. Franca. I build websites, brands and digital products, from the first question to the working experience. I coordinate Codex, Claude and Kimi as part of the process, with clear roles, human direction and evidence of the work.”

## Mark

The ORF monogram combines a circular O, a diagonal R and an open F. A cyan point sits on the O’s perimeter: an idea moving beyond its starting point. The solid geometry gives the exploratory system a stable signature.

Clear space: at least one stroke width around the mark. Minimum size: 32px for the standalone mark; 180px for the wordmark. At tiny sizes use the avatar, never the full wordmark. Use the supplied light and dark versions. Never stretch, rotate letters independently, add shadows or merge the mark with a client logo.

SVG wordmarks retain live text for editing. Install the included Inter font before editing or exporting them. The website and PNG assets use the supplied font; no font download is needed.

## Palette

| Color | Hex | Role |
| --- | --- | --- |
| Deep Space | #090527 | Primary dark ground and text on bright surfaces |
| Electric Pink | #FF4CA1 | Active project and key invitation; dark text on pink |
| Ion Cyan | #62FFF0 | Focus, small discovery points and secondary accents |
| Lilac Paper | #F8F3FF | Case-study reading surface and text on dark backgrounds |

The map transitions from Deep Space through violet into pink. Gradients belong to spatial backgrounds and large brand applications. Reading pages stay calm. Do not use pink or cyan for small text on light paper; use Deep Space. Project artwork retains its own colors.

## Typography and composition

Inter Variable, licensed under SIL OFL (included). Use large, tightly spaced display type for the main statement; outline type only at large sizes over dark backgrounds. Body copy remains solid, at least 16px in reading contexts. Small uppercase labels orient the visitor; they never carry essential instructions alone.

Composition: generous open space, one clear focal point, fine connecting lines and small numbered nodes. The visual metaphor is a constellation of work, not a performance chart. Connections do not imply technical dependencies or commercial results.

## Voice

Direct, curious, specific. Use short statements and concrete verbs. Explain the decision and show the work. Distinguish shipped work, prototypes and documented deployments.

Invitations: “Explore the map”, “Read the full case”, “See the deliverables”, “Let’s connect”. Avoid “world-class”, “revolutionary”, fake scarcity and vague superlatives. The portfolio speaks English; project names and historical artwork keep their original language.

## Motion and access

Native scrolling moves through the project constellation. Direct selection, previous/next buttons and an equivalent archive make every project reachable. Reduced motion uses discrete selection without a moving camera; videos remain paused until requested. Escape closes project details and image dialogs. No forced landscape orientation or audio on page load. Official catalog excerpts start after opening a project, stop on close, and continue through the integrated case reader.

The navigation rhythm references https://50-jahre-hitparade.ch/. This portfolio uses its own identity, source code and assets.

## Applications

- Avatar: 1024 × 1024 PNG and scalable SVG.
- LinkedIn cover: 1584 × 396 PNG; copy offset to leave room for the profile portrait.
- Social cover: 1200 × 630 PNG and editable SVG.
- Identity board: 1600 × 1100 PNG.
- Light/dark monograms and wordmarks: SVG.
- Design tokens: JSON; Inter Variable and full license included in the ZIP.

The owner is Otavio R. Franca. These are newly created brand assets, not a claim of trademark registration. Project images and third-party marks are not part of the personal brand license.