Twilight blue
#5274DBOur primary accent, shared with the desktop app. Calls to action and highlights.
THE QnA BRAND
A familiar face.
For every adventure.
The colors, character, and small details that make QnA feel like QnA. A reference for anyone sharing our story.
01 / IDENTITY
Meet Qloud.
Our pixel companion and the face of QnA. Use the mascot on its own or alongside the QnA name, just like our site header.
Original pixel artwork. Scalable SVG with a transparent background.
Download Qloud SVGQloud, with a softer side.
A non-pixel variation with a puffy cloud silhouette, rounded eyes, and the same lavender glow.
Smooth artwork. Scalable SVG with a transparent background.
Download smooth Qloud SVG02 / PALETTE
The same colors. Across QnA.
Our website and desktop app share blue and purple accents with dark navy surfaces. Select any hex value below to copy it into your own work.
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 / QLOUD'S SKY
A little room to float.
Our signature blue becomes an open sky for Qloud.
One Qloud. Four skies.
Twilight is our current primary blue. Compare it with the original blue and two alternatives, each shown as a sky, a button background, and an accent on navy.
Original blue
#6C8CFFPrevious / soft periwinkle with a lavender lean.
Your player two is ready.
Open sky
#78ADFFLighter / an airy, brighter sky.
Your player two is ready.
Clear blue
#5498F5Bluer / less lavender, more everyday sky.
Your player two is ready.
Twilight
#5274DBCurrent primary / a deeper, richer backdrop for Qloud.
Your player two is ready.
04 / TYPOGRAPHY
Clear words. Room to play.
We use native system fonts to keep the website quick, familiar, and easy to read.
HEADINGS & BODY
Your next
breakthrough.
Roboto
Bold, closely spaced headings. Comfortable, regular-weight body text. The same typeface in the desktop app. The logo is Poppins Bold, drawn as artwork rather than set as text.
Aa Bb Cc Dd Ee Ff · 0123456789
LABELS & DETAILS
PLAYER TWO.
READY.
Cascadia Code / system monospace
Small uppercase labels and numbered sections add a nod to the tools and games we love.
Aa Bb Cc Dd Ee Ff · 0123456789
05 / IN PRACTICE
Always on the player's side.
Sound like a player two.
Be friendly, direct, and encouraging. Share useful advice in plain language and keep the focus on the player's next step.
Give Qloud some space.
Keep the mascot's proportions, pixel edges, and original colors. Leave clear space around the artwork and use a simple background.
Keep the names familiar.
Write QnA for the app, QnA.GG for the site, and Qloud for the gaming agent. Keep that capitalization when mentioning us.