# Armonai — Brand kit / Kit de marca

Edition 01 · 20 October 2026 / 20 de octubre de 2026

## English

Armonai turns ambitions into a living map of goals and small steps. Armonio is
the guide inside the product. Use the product name for the app and the guide's
name for the character. The kit documents the existing identity; it does not
introduce a replacement logo or app icon.

### Identity

- `logo.svg` is the original outlined wordmark in Night Ink. Its paths come
  directly from the native app's `ArmonaiLogo.swift`, including the floating rings.
- `logo-gradient`, `logo-white`, and `logo-mono` are supplied as SVG and transparent
  PNG. The primary and monochrome masters intentionally share the same ink.
- `symbol.svg` is the existing Armonio symbol from the website favicon, with
  matching white and monochrome variants. Keep both the body and eye details.
- Keep a clear area of at least one quarter of the wordmark's height on all sides.
  Use the full wordmark at 160 px wide or more; use the symbol for smaller spaces.
- Preserve proportions, lettering, and colors. Do not stretch, redraw, rotate,
  outline, or add shadows to the identity masters. Choose white on dark imagery
  and ink on light imagery. Avoid busy backgrounds behind the identity.

### App and platform assets

The 1024, 512, 192, and 180 px app icons derive from the existing native app icon.
They are complete opaque squares: let the platform supply its own mask. The kit
also includes the existing SVG/ICO favicon, a transparent Android adaptive
foreground with a centered safe area, and a white notification silhouette. An
adaptive foreground needs a separate background and platform configuration.
These assets do not imply that an Android app is currently available.

Six original 24 px web companion glyphs cover goals, Armonio, agenda, community,
achievements, and profile. They use 1.75 px rounded strokes. They support the
identity and do not replace the native app's platform symbols or the Armonio face.

### Color

The native product color source is `Color+Armonai.swift`. `tokens.json`,
`tokens.css`, and `armonai-palette.gpl` contain its colors and the complete eight
color circle palette. The core signature is Possibility Pink `#FB5A8F` into
Armonio Lilac `#8374E1`. Night Ink `#12151C` supports reading; Paper `#F5F5F5`
and white provide calm surfaces.

Use ink text on pink and mint. Use white text on ink. Bright color and gradients
are not universal text backgrounds: check contrast at the actual size and weight.
Give every goal a name, icon, or explicit state so meaning does not depend on
color alone. The palette file's `.gpl` extension means GIMP Palette, not a software
license. The separate font license applies only to the supplied font.

### Typography

The native app uses Apple system type; the marketing website uses system fonts.
Inter is the portable companion for this brand studio and shared artwork. Use
700 for large headings, 400–500 for reading, and 500–600 for labels. Keep text
readable, short, and spacious. The wordmark is an original drawing, not Inter.

`fonts/Inter-Variable.ttf` includes weights 100–900 and an optical size axis.
It is redistributed with its full SIL Open Font License in `fonts/OFL-Inter.txt`.
No Apple fonts are redistributed. The source is the official Google Fonts
[Inter directory at revision 47d54ca1ebb14fd864695f1d39dc734f39017c33](https://github.com/google/fonts/tree/47d54ca1ebb14fd864695f1d39dc734f39017c33/ofl/inter).
The build verifies the source and license SHA-256 hashes before publishing.

### Voice, motion, and interaction

Be warm, specific, and honest. Invite a useful next step: “A small step counts.”
Celebrate effort and offer easier steps. Avoid guilt, false urgency, guaranteed
outcomes, and promises of perfect productivity. Say what a person can do next.

Use circles as the main visual object. Give a selected circle a clear change and
keep the next action easy to find. Keep explanatory copy below the scene and
Armonio in open space. Motion is gentle and purposeful; respect reduced motion
and pause decoration when a page is hidden. The studio's example goals are brand
illustrations, not interactive previews of a real account or AI responses.

### Artwork and downloads

- `social/landscape-{en,es}`: 1200 × 630 sharing cards.
- `social/square-{en,es}`: 1080 × 1080 posts.
- `social/portrait-{en,es}`: 1080 × 1350 posts.
- Each social piece includes SVG masters with outlined lettering and opaque PNG.
- `circle-pattern.svg` is a supporting illustration.
- `armonai-assets.zip` contains the identity, icons, font, tokens, social artwork,
  and this guide. `armonai-brand-kit.zip` additionally includes the bilingual
  offline studio. Extract the full archive before opening `index.html` or
  `es.html`; it needs no server. Clipboard access may be unavailable for local
  files, so the studio also selects the HEX value for manual copying.
- `checksums.sha256` in the complete kit verifies individual generated files.

The kit is for accurate representation of Armonai. Brand ownership is retained;
do not imply endorsement or apply the identity to unrelated products. The font
retains its separate open license. This kit contains brand artwork, not App Store
screenshot sets or app source code.

## Español

Armonai convierte aspiraciones en un mapa vivo de metas y pequeños pasos.
Armonio es el guía dentro del producto. Usa Armonai para nombrar la app y Armonio
para el personaje. El kit conserva la identidad actual y su icono nativo.

### Identidad y recursos

El logo mantiene las letras trazadas originales de la app, incluidos sus anillos
flotantes. Se incluyen versiones principal, degradado, blanca y una tinta en SVG
y PNG transparentes. Principal y una tinta comparten el mismo color de tinta.
El símbolo de Armonio conserva la forma y los detalles de los ojos del favicon
actual. Deja libre al menos un cuarto de la altura del logo a su alrededor.
Usa el nombre completo desde 160 px y el símbolo para espacios menores.

Respeta proporciones y colores. No estires, redibujes, gires ni añadas efectos a
los originales. Usa blanco sobre fondos oscuros y tinta sobre fondos claros.
Los iconos de app son cuadrados completos y opacos, sin máscara redondeada.
El primer plano adaptativo para Android necesita un fondo y configuración de
plataforma; su inclusión no anuncia una app de Android. Los seis iconos web son
trazos originales de apoyo; la app conserva los símbolos de su plataforma.

### Color y tipografía

El rosa `#FB5A8F` y el lila `#8374E1` forman el degradado de marca. La tinta
`#12151C` favorece la lectura. Los tokens y la paleta importable proceden de los
colores nativos e incluyen los ocho colores de círculos. Usa tinta sobre rosa
y menta, y blanco sobre tinta. Comprueba el contraste de cada uso. Acompaña el
color de nombre, icono o estado explícito. `.gpl` significa paleta de GIMP.

La app usa la tipografía del sistema de Apple; la web usa fuentes del sistema.
Inter es la alternativa portátil para el estudio y las piezas compartidas: 700
para titulares, 400–500 para lectura y 500–600 para etiquetas. El logo es un
dibujo original, no texto escrito con Inter. El archivo variable de Inter y su
licencia SIL Open Font License completa están en `fonts/`. No se redistribuyen
fuentes de Apple. El origen oficial y la revisión están enlazados arriba.

### Voz y movimiento

Habla con calidez, claridad y honestidad: «Un pequeño paso cuenta». Celebra el
esfuerzo y ofrece un paso más sencillo. Evita la culpa, la urgencia falsa, los
resultados garantizados y las promesas de productividad perfecta.

Destaca una acción útil. Los círculos son los objetos principales y una selección
produce un cambio visible. Coloca las instrucciones debajo de la escena y a
Armonio en un espacio libre. El movimiento es suave, respeta el movimiento
reducido y se pausa al ocultar la página. Las metas del estudio son ilustraciones
de marca, no datos reales ni respuestas de inteligencia artificial.

### Archivos

Las piezas sociales tienen versiones en español e inglés, en formatos 1200 × 630,
1080 × 1080 y 1080 × 1350. Cada pieza incluye SVG con texto trazado y PNG opaco.
El ZIP de recursos incluye logos, iconos, fuente, tokens, piezas y esta guía.
El ZIP completo añade el estudio sin conexión: extrae el archivo antes de abrir
`index.html` o `es.html`. Si el portapapeles no está disponible, selecciona y copia
el valor HEX. `checksums.sha256` verifica los archivos individuales del kit completo.

Usa estos recursos para representar fielmente a Armonai, sin atribuir respaldo
a productos ajenos. Se conservan los derechos sobre la marca. Inter mantiene su
licencia independiente. Este kit no incluye capturas para App Store ni el código
de la app.
