Nuvantia. A new vantage for brand, UX & web.
This is the operating manual for the Nuvantia brand — thirty-three interlocking sections that turn one identity into every artefact we ship, from the product UI to a social post to the seam of a business card.
Brand Purpose
Nuvantia exists to collapse the distance between an idea and a coherent, credible brand. We believe founders and small teams deserve the same visual, verbal, and experiential rigor that only well-funded studios have historically delivered — and that this rigor should arrive in hours, not months, without ever losing the specificity that makes a brand feel like someone rather than something.
Brand Vision
A world where every new venture launches with the clarity of a mature one — where brand, product, and interface are indistinguishable from one another because they were designed as one thought.
Brand Mission
Nuvantia generates three interlocked deliverables — a full brand book, a portfolio-ready UX case study, and a live website — from a single intake, guaranteeing that every color, sentence, and screen traces back to a single source of truth.
Brand Values
Six values, in tension by design. Held together, they define the standard of every Nuvantia output.
Traceable
Every decision points back to a section. Nothing is invented in a vacuum.
Complete
No blank sections, no placeholder copy. Where the user is silent, we infer with care.
Specific
We generate for this brand, not the average of all brands. Detail is the antidote to generic.
Kind
Onboarding is short. Errors are gentle. The tool respects the user's time and expertise.
Rigorous
Grids align. Contrast passes. Tokens resolve. Craft is a non-negotiable input.
Honest
We flag what we inferred and what the user supplied. Confidence is earned, not implied.
Brand Positioning
Our formal positioning statement — the single sentence every downstream artefact must be reconcilable with.
For founders, product managers, and independent designers who need a coherent brand, UX study, and website in a single sprint, Nuvantia is the unified generation tool that ships three traceable, portfolio-grade deliverables from one intake — replacing three separate specialists with one accountable system.
Brand Personality
Archetype: The Magician-Sage — a quiet expert who transforms raw input into refined output, and can explain every step.
Nuvantia sounds like a seasoned creative director who happens to also be a systems thinker. It is unafraid of an opinion, but always shows its work. It never performs — it demonstrates.
Brand Promise
Give us one intake, and every deliverable will trace back to it — no orphaned decisions, no generic fill.
Brand Essence
Unified vantage.
Brand Voice & Tone
One voice. Tone shifts by context — never by whim.
| Context | Tone | Do | Don't |
|---|---|---|---|
| Marketing site | Confident, editorial | "Three deliverables. One source of truth." | "Revolutionize your workflow with AI-powered synergy!" |
| Onboarding | Warm, plainspoken | "Skip anything you're not sure about — we'll fill it in and flag it." | "Please complete all required fields to continue." |
| Success states | Quiet, credited | "Brand book generated. 33 sections, 0 blanks." | "🎉 Amazing! You did it!" |
| Error states | Direct, useful | "That upload was 24 MB — the limit is 10 MB. Try a compressed version." | "Something went wrong. Please try again." |
| Support | Patient, expert | "Here's exactly which section that came from and how to change it." | "We're sorry for the inconvenience." |
Target Audience
Demographic: 24–45, urban or remote-first, English-speaking, technically literate, working on or funding an early-stage product. Solo founders, product managers at seed/Series-A companies, freelance designers, boutique agencies of 1–8 people. Global, with density in North America, EU, and India.
Psychographic: They are makers under time pressure. They value craft but cannot afford three separate specialists. They resent generic AI output and template marketplaces equally. They will pay for a tool that removes a decision, not one that adds ten.
Customer Personas
Three personas — one per acquisition channel. Referenced verbatim in the UX Case Study (Output 2, §8).
Maya Okafor
- Goal: ship a launch-ready brand + site in a weekend.
- Frustration: Fiverr looks cheap; agencies quote €18k.
- Tech comfort: High. Can read a design token file.
"I don't need a moodboard. I need a decision I can defend to my co-founder."
Daniel Reyes
- Goal: a portfolio-grade case study for a shipped feature.
- Frustration: internal docs are messy; design partners have moved on.
- Tech comfort: Medium-high. Lives in Figma and Notion.
"I want the case study I'd have written if I'd had two more weeks."
Priya Shah
- Goal: quadruple output per client without dropping craft.
- Frustration: re-doing the same brand-book skeleton every project.
- Tech comfort: High. Will inspect the generated CSS.
"Give me the scaffold. I'll bring the taste."
Unique Value Proposition
The only tool that produces a brand book, a UX case study, and a live website as one traceable system — where every pixel in the site can be defended by a paragraph in the brand.
Brand Messaging Framework
| Audience | Pillar message | Proof point |
|---|---|---|
| Solo founders | Launch-ready in one sitting. | Three deliverables from a single 8-field intake. |
| Product managers | Portfolio-grade case studies without the retro cost. | 27-section case study, cited to research inputs. |
| Freelance designers | The scaffold that respects your taste. | Every token exportable; every section overridable. |
| Agencies | Ship the first draft in an afternoon. | Iterative regeneration — edit §17, and §25 follows. |
Tagline
One intake. Three deliverables. Zero blanks.
Alternates:
- A unified vantage on brand, UX, and web.
- From input to identity — traceable to the pixel.
Elevator Pitch
Nuvantia is a single online tool that takes an eight-field intake from a founder or product team and generates three interlocked deliverables in sequence: a 33-section brand book, a 27-section UX case study, and a working website. What makes it different is traceability — every color in the site maps to a token in the brand book, every persona in the case study is the same persona named on page 11 of the brand. Nothing is invented; nothing is left blank. You get a launch-ready system in an afternoon, not a moodboard in three months.
Logo System
The Nuvantia mark is an N built from three converging planes — brand, UX, and web — resolving into a single vantage point (the amber dot). It works as a full lockup, a compact monogram, and a favicon.
Clear space
Minimum padding on all sides equals the height of the wordmark's lowercase "u".
Minimum size
Full lockup: 96 px wide (digital), 24 mm (print). Monogram: 24 px / 6 mm.
Favicon
Use the monogram tile with 16 px inner padding. Amber dot preserved at all sizes.
Misuse — do not
Color Palette
One canonical palette. No hex code exists elsewhere in this document or in Outputs 2 & 3 that isn't listed here.
Primary
Neutrals
Semantic
Typography System
Primary (display): Fraunces — a modern serif with optical sizing; used for headings, taglines, editorial moments. Secondary (text): Inter — used for body, UI, and metadata. Mono: JetBrains Mono — used for tokens, code, meta labels.
Type scale (modular · 1.25): 12 · 14 · 16 · 20 · 25 · 32 · 40 · 56 · 72 px. All weights: 400, 500, 600, 700 only.
Iconography
Icons are drawn on a 24 px grid, 1.75 px stroke, rounded caps and joins, 2 px corner radius on rectangles. Two-tone allowed: Ink stroke + Signal Amber accent for state changes.
Brand book
Case study
Website
Vantage
Photography & Imagery Style
Photography is editorial and quiet: available light, single-subject compositions, a hint of warmth pulled toward Paper (#FBF8F2). Subjects are makers in the act of thinking — hands on trackpads, sketchbook margins, second monitors reflecting a Figma canvas.
Do
Natural, warm light Off-center subject Single point of focus Muted, filmic grade Real workspaces
Don't
Stock handshakes Neon gradients AI-shiny renders Corporate boardrooms Over-saturated blue
Graphic Elements
Three recurring graphic devices anchor the system: the vantage dot (amber circle), the plane stack (three overlapping quadrilaterals), and the meta rule (a thin ruled line with a mono label).
Vantage dot
Used sparingly — one per composition.
Plane stack
Three planes = brand, UX, web.
Meta rule
Precedes every section title.
Grid & Layout System
| Breakpoint | Range | Columns | Gutter | Outer padding |
|---|---|---|---|---|
| Mobile | 0–599 px | 4 | 16 px | 20 px |
| Tablet | 600–1023 px | 8 | 20 px | 32 px |
| Desktop | 1024–1439 px | 12 | 24 px | 8vw |
| Wide | 1440+ px | 12 | 28 px | 10vw · max 1440 |
Spacing scale (px): 4 · 8 · 12 · 16 · 20 · 24 · 32 · 40 · 56 · 72 · 96 · 128.
Accessibility Guidelines
- Body text meets WCAG AA (contrast ≥ 4.5:1). Ink #0E0B2A on Paper #FBF8F2 = 15.6:1.
- Large text (≥ 24 px or ≥ 18.5 px bold) meets 3:1 minimum.
- Primary CTAs meet AAA (7:1) — Nocturne Violet on Paper = 11.9:1.
- Minimum body font size is 15 px; minimum interactive target is 44 × 44 px.
- All images require descriptive alt text; decorative images use
alt="". - Focus states use a 2 px Vantage Violet outline with 2 px offset — never removed.
- Motion respects
prefers-reduced-motion. No auto-playing video with sound. - Semantic HTML: one
<h1>per page, headings never skip levels.
UI Design Principles
Clarity over cleverness
If a user has to squint, we've lost. Labels are literal; icons are labeled.
One primary action
Every screen has exactly one visually dominant CTA. Everything else is secondary.
Feedback in under 100 ms
State changes acknowledged instantly, even if the underlying task is longer.
Traceable UI
Every visible element cites a token — no ad-hoc CSS.
Progressive disclosure
Show the minimum to make the next decision. Depth on demand.
Forgiving by default
Destructive actions confirm; drafts autosave; errors explain the fix.
Design Tokens
The single source of truth for every downstream artefact. Exported as JSON, CSS custom properties, and Tailwind theme extension.
Copywriting Guidelines
Grammar & style
- Sentence case for all UI labels and headings. Title Case only for proper nouns.
- Oxford comma. Em dashes with no surrounding spaces — like this.
- Numerals for 10 and above; spell out one through nine.
- Contractions are welcome. "We'll," "you're," "it's."
Terminology
- Say brand book, not "brand guide" or "style guide."
- Say case study, not "portfolio piece" or "write-up."
- Say generate, not "create with AI." The AI is implicit.
- Never say revolutionize, synergy, seamless, or 10x.
Website Branding Guidelines
- Header: 72 px tall, Paper background, 1 px Line bottom border. Logo left, nav center, single Vantage Violet CTA right.
- Links use Vantage Violet with a 1 px underline offset by 3 px on hover — never on rest.
- Buttons: primary = Nocturne Violet fill / Paper text; secondary = 1 px Ink border / transparent fill.
- Hover: 8% Ink overlay on primary; 4% Ink fill on secondary. Transition uses
motion.fast. - Section spacing: 96 px vertical on desktop, 56 px on mobile.
- Every hero has one primary CTA and exactly one secondary link — never two equal-weight actions.
Social Media Guidelines
| Platform | Avatar | Post template | Voice notes |
|---|---|---|---|
| Amber tile monogram | Editorial card: Fraunces headline over Paper 2 field, mono meta rule top-left. | Confident, cited. Always link back to source section. | |
| X / Threads | Ink tile monogram | Text-first. Screenshot of a token or excerpt allowed. | Short. One idea per post. No emoji cascades. |
| Paper tile monogram | Carousel of 5–7 cards, one section per slide. | Editorial captions. Never hashtags > 4. | |
| Dribbble / Behance | Full lockup | Case-study reel drawn from Output 2. | Show craft. Cite Output sections in captions. |
Brand Architecture
Nuvantia is a branded house. There is one master brand; product surfaces are named descriptively and never sub-branded.
Product Branding Guidelines
- Product icon in-app is the monogram tile at 32 px, always with the amber vantage dot.
- Feature names use Fraunces at Body-size (16 px), 500 weight, sentence case.
- Section numbering follows the master spec — never renumbered for local emphasis.
- Generated artefacts always carry a "Generated by Nuvantia · v1.0" credit line in Paper 2 footer, Mono 11 px.
- Loading states use the plane-stack animation: three planes fade in sequentially over 420 ms.
Brand Governance
| Decision | Owner | Approver | Frequency |
|---|---|---|---|
| Color / typography change | Design Lead | Brand Council | Ad hoc · minor version |
| Tagline / voice change | Head of Content | Founder + Brand Council | Annual review |
| New sub-product naming | Product Lead | Brand Council | Per launch |
| Section content edit | Section owner | Design Lead | Continuous · patch version |
| Full brand refresh | Founder | Board | Every 3 years |
Versioning: Semantic — MAJOR.MINOR.PATCH. This document is 1.0.0. All changes recorded in the audit log referenced in the tool's Admin Panel.
Brand Checklist
- Every color used traces to §17 or §25.
- Every font used is Fraunces, Inter, or JetBrains Mono (§18).
- Logo has correct clear space and is not below minimum size (§16).
- All body text passes WCAG AA contrast (§23).
- Every section of the brand book, case study, and website contains real content (§11 of spec — no blank rule).
- Voice matches §9 tone for the current context.
- No forbidden terms from §26 present.
- Primary CTA is visually dominant and singular per screen (§24).
- Focus states are visible on every interactive element (§23).
- "Generated by Nuvantia" credit is present in every exported artefact (§30).
Real-world Brand Applications
Founder
maya@nuvantia.com