Brand
Naqood brand guidelines
One logo, one color system aligned with the Naqood app, and a small set of rules so partners and teams stay consistent without wading through a fifty-page PDF.
PNG wordmarks (from app)
Primary lockup
Naqood
Full-color SVG. Use on light backgrounds or inside a neutral panel on dark UI.
Navbar: the header menu includes a quick download and a link back to this page.
Color system
Same palette as the Naqood product
The app theme defines a primary ramp (purple) and a secondary accent (blue). Below is that ramp step by step, plus the three semantic tokens we use most often in interfaces. Use these values instead of approximating with unrelated hues.
Primary scale
50
Wash
#f6f5fd
100
Tint
#efecfb
200
Soft border
#dfdbf9
300
Light UI
#c7bef4
400
Muted
#ac99ec
500
Mid
#9070e2
600
Emphasis
#7e51d6
700
Main (brand)
#673ab7
800
Dark
#5c34a3
900
Deep
#4c2d85
950
Near black
#2f1b5a
Semantic tokens
Primary light
Selection, chips, and soft fills in the product UI.
#EDE7F6
Primary main
Default buttons, links, and key brand moments.
#673AB7
Primary dark
Hover and pressed states for primary actions.
#5E35B1
Secondary (accent)
Secondary actions, info highlights, and paired accents with primary.
#2196F3
Logo
Download once, use everywhere
The SVG is the source file. For slides, print, or partner decks, place it on white or light gray, or use a simple panel sampled from primary 50 to 100 if you need a soft tint.
PNG exports below match the files shipped with the Naqood web app.
On dark or saturated backgrounds (including primary 950), place the full-color mark on a light panel so detail stays legible.
Raster exports
PNG wordmarks
Use these when you need a bitmap (for example email templates or tools that do not accept SVG). Prefer SVG when you can scale cleanly.
Wordmark (primary)
Horizontal lockup with the Naqood name. Used in the product (for example OAuth consent).
Download PNG
Wordmark (alternate)
Alternate wordmark layout when you need a different crop or aspect ratio.
Download PNG
Usage
Short rules, clear outcomes
These guidelines mirror how we treat the brand internally: protect the mark, keep colors on-theme, and make it easy for others to do the right thing.
Do
Encouraged
Use the official SVG (or app PNGs)
SVG stays sharp at any size. For bitmap-only workflows, use the PNG wordmarks on this page (same files as in the web app).
Preserve proportions
Scale the mark uniformly. Do not stretch, squeeze, or skew it.
Pair with theme colors
Stick to the primary scale and secondary accent above so partner materials feel like Naqood.
Point people here
This page is the canonical reference for downloads and rules. Share the URL, not attachments.
Avoid
Do not
No recoloring or effects
Do not apply new gradients, outlines, shadows, or single-color treatments to the mark.
No cropping or remixing
Do not isolate part of the symbol, add badges, or combine it with other marks.
No busy backgrounds
Avoid placing the logo on cluttered photography or low-contrast patterns without a clear panel.
No unofficial wordmarks
Do not invent alternate logotypes or redraw the icon. Use the provided asset only.
Common questions
Where can I download the official Naqood logo?
Download the SVG from this page for the vector mark, or use the PNG wordmarks in the Logo section below. Those PNGs are the same files bundled with the Naqood web app.
Which colors should I use for Naqood-branded materials?
Use the primary purple scale and secondary blue accent defined in the Naqood product theme (primary main #673AB7 and secondary #2196F3). The full scale on this page matches the application theme.
Can I change the colors of the Naqood logo?
No. Use the official full-color SVG without recoloring, filters, or effects so the brand stays recognizable.
What file format should I use?
Prefer SVG for web, slides, and print. Use the provided PNG wordmarks when a tool or channel requires a bitmap, or export from the SVG yourself for custom sizes.