Brand guidelines
The PayNovaX brand, in one place
Logo files, exact colours, fonts, and usage rules — everything a marketing team, agency, or printer needs to produce PayNovaX material correctly the first time.
Version 1.0 · Generated from the live product, not a static design file
Identity
Logo & usage
The lockup is a stylised gold “P” and “X” bracketing the wordmark “aynova” in light grey — vector artwork, never a rasterised or screenshotted logo.
Mark only — avatars, favicons, watermarks, tight spaces
Download SVGClear space & minimum size
Keep clear space around the lockup equal to at least the height of the mark on every side — nothing else should sit inside that margin. Never scale the full lockup below 24px tall on screen or 0.3in tall in print; below that, use the mark alone instead of shrinking the wordmark into illegibility.
Do
- Use the supplied vector files (SVG/PDF) at any size
- Place on near-black or dark charcoal backgrounds
- Keep the gold gradient exactly as supplied
- Give the lockup clear space — let it breathe
Don’t
- Recolour, add outlines, or apply drop shadows
- Stretch, skew, or change the aspect ratio
- Place on busy photos or low-contrast backgrounds
- Rebuild the wordmark in a different typeface
Palette
Colour palette
Dark-mode-first: near-black surfaces with a single gold accent used sparingly, never as a large fill. Click any swatch to copy its hex code. Values match apps/web/app/globals.css exactly.
Core surfaces
Gold accent
Text & system colours
Usage ratio
Dark surfaces should dominate (~90% of any layout). Gold is an accent for headlines, CTAs, icons, and dividers — not backgrounds or large blocks.
Print (CMYK)
These are sRGB values; let the printer convert. Build the black background as rich black (e.g. C60 M50 Y40 K100), not 100% K alone. Gold #C9A84C lands around C22 M32 Y79 K5 — request a proof if the gold is critical.
Type
Typography
Two typefaces, self-hosted via next/font/google in the app — no font substitution, ever.
Display — Space Grotesk
Crypto in. Card out. Spend anywhere.
Use for: Headings, eyebrows, buttons, stats, UI labels
Body — DM Sans
Fund a virtual PayNovaX card with crypto and spend it online worldwide.
Use for: Body copy, paragraphs, form labels, table text
Mono — JetBrains Mono
4242 4242 4242 4242 · #C9A84C
Use for: Card numbers, hex codes, addresses, code, data tables
| Style | Family / weight | Letter-spacing | Notes |
|---|---|---|---|
| H1 | Space Grotesk 600 | −0.03em | Hero headlines |
| H2–H4 | Space Grotesk 600 | −0.02em | Section headings |
| Eyebrow label | Space Grotesk 500–600 | 0.15–0.22em, uppercase | Small-caps section tags |
| Body | DM Sans 400 | normal | Default paragraph text |
| Button label | Space Grotesk 600 | normal | All CTA / gradient buttons |
Source files: brand-assets/business-card/fonts/ (Space Grotesk & DM Sans latin woff2 subsets, SIL Open Font License). Never let a design tool silently substitute a fallback face — install the fonts locally or use the embedded exports in brand-assets/.
Voice & system
Voice, UI tokens & assets
Voice & tone
PayNovaX is positioned as a premium, regulated fintech product — not a token or meme-coin project. Copy should read as quietly confident and precise, favouring concrete claims (fees, limits, timelines) over hype. Tagline: “Crypto in. Card out. Spend anywhere.”
Visual mood follows the same register: dark, low-key photography with a gold rim light — hypercars, marble, motion — rather than bright, cartoonish crypto visuals. See brand-assets/wallpaper/backgrounds/ for reference imagery.
Radius
1.25rem cards, 0.625rem buttons — generous rounding throughout
Gold glow
0 0 60px rgba(201,168,76,.3) on hover states & CTAs
Gradient border
Cards get a gradient border glow on hover, not a solid fill
| Asset | Location |
|---|---|
| Logo (master SVG) | apps/web/public/paynova-01.svg |
| Business card (print-ready) | brand-assets/business-card/ |
| Lock-screen wallpapers | brand-assets/wallpaper/ |
| Fonts (woff2, self-hosted) | brand-assets/business-card/fonts/ |
| Colour & type tokens | apps/web/app/globals.css |
| This page's source | apps/web/app/brand-guidelines/ |
This page is generated from the current product and codebase. If colours, fonts, or the logo change, update this page and brand-assets/brand-guidelines/ together so they never disagree. Questions: support@paynovax.io.