Twilight blue
#5274DBOur primary accent, shared with the desktop app. Calls to action and highlights.
LA MARCA QnA
Una cara conocida.
Para cada aventura.
Los colores, el personaje y los pequeños detalles que hacen que QnA se sienta como QnA. Una referencia para quien quiera contar nuestra historia.
01 / IDENTIDAD
Conoce a Qloud.
Nuestro compañero pixelado y la cara de QnA. Usa la mascota sola o junto al nombre QnA, igual que en la cabecera de nuestro sitio.
Pixel art original. SVG escalable con fondo transparente.
Descargar SVG de QloudQloud, en su versión más suave.
Una variante sin píxeles, con silueta de nube esponjosa, ojos redondeados y el mismo brillo lavanda.
Ilustración suave. SVG escalable con fondo transparente.
Descargar SVG de Qloud suave02 / PALETA
Los mismos colores. En todo QnA.
Nuestra web y nuestra app de escritorio comparten acentos azules y morados sobre superficies azul marino oscuro. Selecciona cualquier valor hexadecimal para copiarlo en tu propio trabajo.
Purple
#B06CFFOur secondary accent. Decorative details and supporting highlights.
Midnight
#0C0E16The canvas. The same dark background as the desktop app.
Navy
#1A1F30Cards and panels. A subtle step above the page background.
Slate
#262D42Borders and dividers. Just enough definition.
Cool white
#E8ECF6Headings and primary text. Clear and comfortable to read.
Blue gray
#8A93ABSupporting text, captions, and secondary information.
03 / EL CIELO DE QLOUD
Un poco de espacio para flotar.
Nuestro azul característico se convierte en un cielo abierto para Qloud.
Un Qloud. Cuatro cielos.
Twilight es nuestro azul principal actual. Compáralo con el azul original y dos alternativas, cada una mostrada como cielo, como fondo de botón y como acento sobre azul marino.
Original blue
#6C8CFFPrevious / soft periwinkle with a lavender lean.
Tu jugador 2 está listo.
Open sky
#78ADFFLighter / an airy, brighter sky.
Tu jugador 2 está listo.
Clear blue
#5498F5Bluer / less lavender, more everyday sky.
Tu jugador 2 está listo.
Twilight
#5274DBCurrent primary / a deeper, richer backdrop for Qloud.
Tu jugador 2 está listo.
04 / TIPOGRAFÍA
Palabras claras. Espacio para jugar.
Usamos las fuentes nativas del sistema para que la web sea rápida, familiar y fácil de leer.
TÍTULOS Y CUERPO
Tu próximo
gran avance.
Roboto
Títulos en negrita con poco espaciado. Texto de cuerpo cómodo, de peso normal. La misma tipografía en la app de escritorio. El logo es Poppins Bold, dibujado como ilustración y no compuesto como texto.
Aa Bb Cc Dd Ee Ff · 0123456789
ETIQUETAS Y DETALLES
JUGADOR 2.
LISTO.
Cascadia Code / monoespaciada del sistema
Las pequeñas etiquetas en mayúsculas y las secciones numeradas son un guiño a las herramientas y los juegos que nos encantan.
Aa Bb Cc Dd Ee Ff · 0123456789
05 / EN LA PRÁCTICA
Siempre del lado del jugador.
Habla como un jugador 2.
Sé cercano, directo y alentador. Comparte consejos útiles en lenguaje sencillo y mantén el foco en el siguiente paso del jugador.
Dale espacio a Qloud.
Respeta las proporciones de la mascota, sus bordes pixelados y sus colores originales. Deja espacio libre alrededor de la ilustración y usa un fondo sencillo.
Mantén los nombres de siempre.
Escribe QnA para la app, QnA.GG para el sitio y Qloud para el agente gamer. Respeta esas mayúsculas cuando nos menciones.