<!-- Generated by ExtractVibe — https://extractvibe.com/brand/vincora.freedev.app -->
<!-- Extracted: 2026-11-07T17:57:39.844Z | Schema: v1 | Quality: 90/100 -->
---
version: alpha
name: "VINCORA"
description: "VINCORA projects a serious, highly efficient, and technologically advanced vibe, designed to empower businesses with a comprehensive and integrated operational system. It feels like a robust, no-nonsense tool built for productivity and streamlined management."
colors:
  primary: "#6147fc"
  secondary: "#a5b4fc"
  tertiary: "#6147fc"
  neutral: "#64748b"
  surface: "#161618"
  on-surface: "#f8fafc"
  on-surface-secondary: "#64748b"
  border: "#ffffff"
  error: "#ef4444"
  warning: "#f59e0b"
  success: "#10b981"
  info: "#06b6d4"
  surface-dark: "#121212"
  on-surface-dark: "#f8fafc"
typography:
  display-lg:
    fontFamily: "Sora"
    fontSize: "62.4px"
    fontWeight: "700"
    lineHeight: "67.392px"
    letterSpacing: "-1.872px"
  headline-lg:
    fontFamily: "Sora"
    fontSize: "33.6px"
    fontWeight: "600"
    lineHeight: "53.76px"
    letterSpacing: "-0.672px"
  headline-md:
    fontFamily: "Sora"
    fontSize: "17.28px"
    fontWeight: "500"
    lineHeight: "27.648px"
    letterSpacing: "-0.1728px"
  headline-sm:
    fontFamily: "Sora"
    fontSize: "13.12px"
    fontWeight: "500"
    lineHeight: "20.992px"
  body-md:
    fontFamily: "Inter"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "25.6px"
rounded:
  sm: "8px"
  md: "9px"
  lg: "999px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-outline:
    textColor: "#94a3b8"
    rounded: "999px"
    padding: "6px 10px"
    fontSize: "13.12px"
    fontWeight: "500"
    borderColor: "#6147fc"
    borderWidth: "1px"
  button-primary:
    backgroundColor: "#6147fc"
    textColor: "#ffffff"
    rounded: "8px"
    padding: "9px 18px"
    fontSize: "13.6px"
    fontWeight: "600"
    borderColor: "#ffffff"
    boxShadow: "rgba(97, 71, 252, 0.3) 0px 4px 12px 0px"
  button-secondary:
    backgroundColor: "#10121c"
    textColor: "#94a3b8"
    rounded: "999px"
    padding: "8px 18px"
    fontSize: "13.12px"
    fontWeight: "600"
    borderWidth: "1px"
---

# VINCORA — Design System

## Overview

VINCORA design embodies the Archetypes of The Ruler and The Magician. It projects an atmosphere of serious efficiency and technological advancement, directly comparable to the robust, integrated systems of SAP, Odoo, monday.com, and Asana. The visual language is engineered to empower businesses, providing a comprehensive and integrated operational system. This is a no-nonsense tool built for maximum productivity and streamlined management, reflected in every design decision. The aesthetic is clean, precise, and highly functional, prioritizing clarity and ease of use above all else.

This design system is not whimsical, decorative, or overly artistic. It avoids gradients, excessive ornamentation, or any element that could be perceived as frivolous or distracting from core functionality. There is no room for ambiguity or softness; the design is sharp, direct, and purposeful. It communicates authority and mastery over complex systems, ensuring users perceive VINCORA as the definitive solution for their operational needs. Every component, interaction, and visual cue reinforces a sense of control, innovation, and seamless integration.

**Key characteristics:**

- Vibe — efficient, integrated, professional, tech-forward, streamlined, robust
- Archetypes — The Ruler, The Magician
- Comparable to — SAP, Odoo, monday.com, Asana
- Design era — flat-2.0
- Emotional tone — empowering-efficient
- Target audience — Small to medium-sized businesses (PyMEs) and industries in Argentina seeking an all-in-one, integrated platform for sales, operations, and financial management.
- Visual energy — 7/10 (high-energy/bold)

## Colors

VINCORA's color philosophy centers on signaling authority and technological sophistication. The primary color, `#6147fc`, is a deep, commanding purple that conveys innovation and strategic depth, aligning with The Magician archetype. This is grounded by the `#121212` surface color, a near-black that establishes a robust, professional foundation, emphasizing efficiency and streamlined operations. The limited palette is deliberate, ensuring visual clarity and reinforcing the brand's serious, tech-forward character without distraction.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#6147fc` | Slate Blue |
| secondary | `#a5b4fc` | Light Sky Blue |
| accent / tertiary | `#6147fc` | Slate Blue |
| surface | `#161618` | Near-Black |
| background | `#121212` | Near-Black |
| text | `#f8fafc` | Off-White |
| secondary text | `#64748b` | Slate Gray |
| border | `#ffffff` | White |
| muted | `#64748b` | Slate Gray |

### Dark mode

| Role | Hex | Name |
|------|-----|------|
| surface | `#121212` | Near-Black |
| background | `#121212` | Near-Black |
| text | `#f8fafc` | Off-White |
| secondary text | `#94a3b8` | Dark Silver |
| muted | `#94a3b8` | Dark Silver |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#10b981` | Confirmations, positive states |
| warning | `#f59e0b` | Caution, intermediate states |
| error | `#ef4444` | Failures, destructive actions |
| info | `#06b6d4` | Neutral information, tips |

## Typography

The VINCORA type system employs Inter and Sora, a combination engineered for modern professionalism and technical precision. Sora, with its clean, geometric forms, is utilized for headings and key interface elements, communicating a tech-forward and efficient aesthetic. Inter provides exceptional legibility and versatility for body copy and data presentation, ensuring clarity and ease of information consumption. The hierarchy is direct and functional, prioritizing scannability and immediate comprehension, reinforcing VINCORA's commitment to streamlined management and robust productivity.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| Inter | body | google-fonts | 400, 500, 600 |
| Sora | heading | google-fonts | 500, 600, 700 |
| Sora | body | google-fonts | 700 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | Sora | 62.4px | 700 | 67.392px | -1.872px |
| Heading 2 | Sora | 33.6px | 600 | 53.76px | -0.672px |
| Heading 3 | Sora | 17.28px | 500 | 27.648px | -0.1728px |
| Heading 4 | Sora | 13.12px | 500 | 20.992px | — |
| Body | Inter | 16px | 400 | 25.6px | — |

### Conventions

- Heading case — title-case
- Body line-height — 25.6px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| card | `rgba(37, 99, 235, 0.28) 0px 0px 26px 0px` |
| card | `rgba(124, 58, 237, 0.16) 0px 0px 32px 0px` |
| card | `rgba(0, 0, 0, 0.5) 0px 12px 30px 0px` |
| dropdown | `rgba(0, 0, 0, 0.7) 0px 16px 40px 0px, rgba(99, 102, 241, 0.16) 0px 0px 30px 0px` |
| dropdown | `rgba(0, 0, 0, 0.65) 0px 16px 36px 0px, rgba(99, 102, 241, 0.15) 0px 0px 24px 0px` |
| modal | `rgba(0, 0, 0, 0.7) 0px 24px 60px 0px, rgba(99, 102, 241, 0.18) 0px 0px 45px 0px` |
| modal | `rgba(0, 0, 0, 0.65) 0px 24px 60px 0px, rgba(99, 102, 241, 0.15) 0px 0px 40px 0px` |
| button | `rgba(97, 71, 252, 0.3) 0px 4px 12px 0px` |
| button | `rgba(99, 102, 241, 0.25) 0px 0px 16px 0px` |

### Gradients

- `radial-gradient(800px 400px at 50% 0%, rgba(99, 102, 241, 0.08), rgba(0, 0, 0, 0) 70%)`
- `radial-gradient(circle at 50% 15%, rgba(99, 102, 241, 0.1) 0%, rgba(0, 0, 0, 0) 60%), radial-gradient(circle at 85% 85%, rgba(139, 92, 246, 0.07) 0%, rgba(0, 0, 0, 0) 50%), none`
- `radial-gradient(760px 480px at 12% 8%, rgba(99, 102, 241, 0.16), rgba(0, 0, 0, 0) 62%), radial-gradient(700px 460px at 88% 18%, rgba(139, 92, 246, 0.12), rgba(0, 0, 0, 0) 60%), radial-gradient(620px 420px at 55% 100%, rgba(99, 102, 241, 0.08), rgba(0, 0, 0, 0) 62%)`
- `linear-gradient(rgba(148, 163, 184, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(148, 163, 184, 0.05) 1px, rgba(0, 0, 0, 0) 1px)`

## Shapes

Border-radius scale:

- `sm` — 8px
- `md` — 9px
- `lg` — 999px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Outline**

- Text — `#94a3b8`
- Radius — `999px`
- Padding — `6px 10px`
- Font size — `13.12px`
- Font weight — `500`
- Border — `1px solid #6147fc`
- Sample copy — "Ingresar al Sistema"

**Primary**

- Background — `#6147fc`
- Text — `#ffffff`
- Radius — `8px`
- Padding — `9px 18px`
- Font size — `13.6px`
- Font weight — `600`
- Border — ` solid #ffffff`
- Shadow — `rgba(97, 71, 252, 0.3) 0px 4px 12px 0px`
- Sample copy — "Solicitar demo"

**Secondary**

- Background — `#10121c`
- Text — `#94a3b8`
- Radius — `999px`
- Padding — `8px 18px`
- Font size — `13.12px`
- Font weight — `600`
- Sample copy — "Operaciones & Tablero"

## Do's and Don'ts

### Do

- Utilize Sora font family for all headings in title-case, with weights 500, 600, or 700 to convey importance and clarity.
- Employ Inter font family for all body text, primarily at 400 weight, ensuring a body line-height of 25.6px for readability.
- Primary brand color #6147fc should be prominently used for primary buttons, accents, and key interactive elements, contrasting with the dark background.
- Primary CTA buttons must have a #6147fc background, #ffffff text, 8px border-radius, and a subtle shadow of rgba(97, 71, 252, 0.3) 0px 4px 12px 0px.
- Outline buttons should feature #94a3b8 text, a #6147fc border, and a large border-radius of 999px for a pill-shaped appearance.
- Incorporate subtle radial gradients, such as radial-gradient(800px 400px at 50% 0%, rgba(99, 102, 241, 0.08), rgba(0, 0, 0, 0)), to add depth without being overtly flashy.
- Apply distinct card shadows like rgba(37, 99, 235, 0.28) 0px 0px 26px 0px or rgba(124, 58, 237, 0.16) 0px 0px 32px 0px to create visual separation and hierarchy for UI elements.
- Maintain a consistent dark mode background of #121212 with #f8fafc text for optimal contrast and a modern aesthetic.
- Use action-oriented imperative verbs and benefit-focused phrases in CTAs, often with a sense of urgency or direct engagement, like 'Cotizá, facturá y producí'.
- Implement a base unit of 2px for all spacing and sizing, with border radii consistently set at 8px for small elements, 9px for medium, and 999px for large/pill-shaped components.

### Don't

- Avoid using serif fonts; the brand strictly adheres to sans-serif typefaces (Inter and Sora).
- Do not use excessive emojis or exclamations in marketing copy; the tone is serious and professional with rare exceptions.
- Refrain from using light backgrounds for the main interface; the brand's primary mode is dark (#121212).
- Do not use sharp, angular border radii; the brand consistently uses rounded corners (8px, 9px, 999px).
- Avoid overly playful or casual language; the brand's voice is serious, technical, and direct.
- Do not use monochrome color palettes; leverage the primary purple (#6147fc) and secondary blue (#a5b4fc) against the dark background.
- Avoid flat design without any depth; the brand incorporates subtle gradients and distinct shadows for UI elements.
- Do not use generic or passive CTA phrases; always opt for direct, benefit-driven, and urgent calls to action.

*Source — inferred*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 4/10 | formal |
| Playful ↔ Serious | 8/10 | serious |
| Enthusiastic ↔ Matter-of-fact | 6/10 | balanced |
| Respectful ↔ Irreverent | 2/10 | respectful |
| Technical ↔ Accessible | 5/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — heavy
- CTA style — action-oriented imperative verbs and benefit-focused phrases, often with a sense of urgency or direct engagement
- Rhetorical devices — repetition, tricolon

### Sample copy

> Cotizá, facturá y producídesde un solo lugar.

> El sistema operativo diseñado para el ritmo real de las PyMEs argentinas.

> Todo conectado, sin planillas dispersas.

> ✓ Sin tarjeta de crédito · ✓ Homologado ARCA / AFIP · ✓ Listo en 5 minutos

> VINCORA es el sistema operativo integral para empresas, pymes e industrias: ventas B2B, cotizador inteligente con PDF, facturación electrónica ARCA con CAE, tablero Kanban de operaciones en 6 sectores en vivo, insumos y copiloto Mol IA.

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://img.loadlogo.com/vincora.freedev.app) | 100% |
| favicon | — | — | [link](brands/vincora.freedev.app/logo-0.png) | 95% |
| logomark | — | svg | [link](brands/vincora.freedev.app/logo-svg-1.svg) | 90% |
| logomark | — | svg | [link](brands/vincora.freedev.app/logo-svg-2.svg) | 90% |
| logomark | — | svg | [link](brands/vincora.freedev.app/logo-svg-3.svg) | 90% |

## Sources

- Live brand page — https://extractvibe.com/brand/vincora.freedev.app
- Raw JSON — https://extractvibe.com/api/brand/vincora.freedev.app
- DESIGN.md (this file) — https://extractvibe.com/api/brand/vincora.freedev.app/design.md
- Extracted — 2026-11-07T17:57:39.844Z
- Generator — ExtractVibe vv1
- Quality score — 90/100