Preview de atoms del sistema

Vista temporal mientras construimos los componentes. Cada bloque muestra un atom con sus variantes principales.

Una API para extraer datos estructurados de PDFs e imágenes

Convierte facturas, nóminas y contratos en JSON limpio en segundos. Sin reglas regex ni mantenimiento de plantillas.

No credit card needed
14-day free trial

[ visual hero (Image / Lottie / vector raw) ]

Variante centered del HeroSection

Misma estructura que la versión split, pero siempre en una columna con todo centrado horizontalmente — en cualquier viewport.

Book a demo Try playground

No credit card needed
14-day free trial

[ visual centrado ]

Powering document extraction for teams at

Headings

H1 con recuadro escáner

H2 con palabra destacada

H2 con scanner (caso excepcional) — destacado

H3 — General Sans semibold

H4 — DM Sans semibold

H2 centrado

Headings sobre fondo verde

Una API para extraer datos estructurados de PDFs

Aquí el highlight cambia automáticamente a lime-10 y el patrón se ve sobre el gradiente.

Text

Texto sm — para captions o metadata.

Texto md (default) — el cuerpo normal del sitio.

Texto lg — para leads e introducciones de sección.

Texto semibold

Texto bold

Texto centrado

Icons

Logo (placeholder textual hasta SVGs)

Variante light:

Variante green:

Variante dark:

Avatars

DJ DJ DJ AP MS

Dots

El dot es muy pequeño por diseño (8 / 12 px). Cada celda lo muestra con un fondo blanco y una etiqueta para que se vea bien.

Estático · sm

Animado · sm

Estático · md

Animado · md

Badges

Soft (default)

Active Live Beta Error Default

Solid

Active Live Beta Error Default

Con icono (modo Chip)

No copies On-prem Self-hosted

Tamaños y formas

sm pill md pill sm square md square

Buttons sobre fondo claro

Primary / Secondary / Ghost

Con iconos

Disabled

Buttons sobre fondo verde (tone="dark")

Buttons sobre fondo negro (tone="dark")

Links

Aquí va un enlace inline externo y otro enlace interno . Heredan el tamaño del párrafo y siempre van en bold.

NavLinks

Inicio Productos Precios Contacto

Switch

Isla Svelte — necesita client:load.

Md (default)

Disabled (off)

Disabled (on)

CodeBlock

curl.sh bash

curl -X POST https://api.invofox.com/v1/extract \
  -H "Authorization: Bearer $TOKEN" \
  -F "file=@invoice.pdf"

Grid

3 columnas en desktop, 1 en mobile.

Item 1

Contenido de ejemplo.

Item 2

Contenido de ejemplo.

Item 3

Contenido de ejemplo.

6 columnas en desktop (cap automático), 1 en mobile.

Section variant="pattern"

Fondo blanco con cuadrícula sutil (líneas neutral-20, 32×32px). La variante green de arriba lleva el mismo patrón sobre el gradiente.

NavbarDropdown

Pasa el ratón sobre Productos para abrir el dropdown. El caret rota, el panel aparece con animación, los items reaccionan al hover (icono verde, flecha, barrita lateral) y hay un footer banner abajo.

Card

Wrapper estándar para tarjetas. Compone los atoms que metes dentro en columna con gap consistente. 4 variantes de fondo, hover-shadow opcional.

Card blanca

Fondo neutral-0 con border-normal y rounded-l. Hover añade shadow-1.

Saber más

Card gris

Fondo neutral-10 con border y rounded-m. IconBox usa outlined-light (caja blanca).

Saber más

Card verde

Fondo gradient-2 con patrón. Sin border. Link en tone="on-green" (blanco).

Saber más

Card negra

Fondo neutral-100. Sin border. Link en tone="on-dark" (green-20 → green-30 hover).

Saber más

Divider

Línea separadora. Horizontal por defecto, vertical opcional.

Bloque de contenido superior.

Bloque de contenido inferior tras un divider horizontal.

Izquierda

Centro

Derecha

Input, FormField y Spinner

Atom Input suelto, molecule FormField (label + input + helper/error), atom Spinner en 3 tamaños.

Input suelto

FormField — con helper

Correo electrónico

FormField — con error

Empresa Este campo es obligatorio.

FormField — disabled

Plan Contacta con soporte para cambiar de plan.

Spinner

sm (16px)

md (24px)

lg (32px)

on-dark

TestimonialCard (uso suelto)

La tarjeta individual fuera del carrusel. Pasa el ratón para ver el hover (border verde + ligera elevación + cambio de color del CTA).

Adlanter

Lo mejor de Invofox fue ser un producto SaaS — fácilmente adaptable y muy fiable desde el primer día. La integración nos llevó horas, no semanas.

David Quesada

CIO · Adlanter

Leer caso de éxito

MutuaSegura

Procesamos miles de pólizas al mes y necesitábamos algo que no fallara. Invofox nos da el throughput y la precisión que el equipo de underwriting requiere.

Lucía Fernández

Head of Operations · MutuaSegura

Leer caso de éxito

Lo que dicen nuestros clientes

Adlanter

Lo mejor de Invofox fue ser un producto SaaS — fácilmente adaptable y muy fiable desde el primer día.

David Quesada

CIO · Adlanter

Leer caso de éxito

MutuaSegura

Procesamos miles de pólizas al mes y necesitábamos algo que no fallara. Invofox nos da el throughput y la precisión que el equipo de underwriting requiere.

Lucía Fernández

Head of Operations · MutuaSegura

Leer caso de éxito

BankFlow

Conectamos Invofox a nuestro core bancario en una tarde. La precisión sobre nóminas y declaraciones es la mejor que hemos visto.

Carlos Ruiz

CTO · BankFlow

Leer caso de éxito

Media

Wrapper neutral para contenido visual (Image, Video, Lottie, CodeBlock, Grid, SVG en bruto, animaciones CSS). Aplica radius, shadow, aspect-ratio, padding, fondo y border opcionalmente. No impone estructura interna.

Aspect ratios + shadow

aspectRatio="16:9" shadow="1" bg="neutral-10"

[ contenido 16:9 ]

aspectRatio="square" shadow="2" border

aspectRatio="4:3" bg="neutral-100"

[ raw vector / lottie ]

Con padding y otro atom dentro

Padding="lg" + border, conteniendo un Grid de IconBoxes (raw composición).

Layers

Rocket

Shield

Zap

Variante split del MediaSection

Texto y CTA alineados a la izquierda en md+ (en mobile colapsa a 1 col centrada). El media va a la derecha, también con caída a debajo en mobile.

[ visual split ]

Variante center del MediaSection

Heading, descripción y CTA arriba en columna centrada. Media abajo ocupando el ancho del contenedor. Mismo layout en todos los viewports.

See it live

[ visual center ]

Variante simple — sin media

Section + Container con heading, descripción y CTA opcional. Todo centrado en una sola columna con max-width de 640px para una línea de lectura cómoda. Útil para intros, separadores o cierres ligeros.

Get started

Frequently asked questions.

~/invofox / faq.json

// questions 10

1 {

2 ··"question": "How accurate is Invofox?",

3

4 ··"answer": "Accuracy thresholds are guaranteed in your SLA, per document type and per field. Every extraction is validated before it counts toward your bill. The feedback loop means accuracy improves over time as your team flags edge cases. Stable use cases reach up to 99%."

5 }

Accuracy accuracy.json
1 {

2 ··"question": "Which document types do you support?",

3

4 ··"answer": "Out of the box: invoices, receipts and tickets, delivery notes, purchase orders, payslips, and US mortgage documents (closing disclosures, loan estimates, URLAs). Custom schemas are available for any other document type. Send us a target schema and a representative sample, we configure the pipeline."

5 }

Documents documents.json
1 {

2 ··"question": "How long does integration take?",

3

4 ··"answer": "The core integration is one afternoon. The API is REST, webhook or polling, no SDK required. Most teams ship to production within a week, including their own testing. Configuration of new document types runs in parallel with your integration work."

5 }

Integration integration.json
1 {

2 ··"question": "How does pricing work?",

3

4 ··"answer": "You pay per page, not per credit or token. Volume tiers apply for steady throughput. Enterprise contracts above 1M docs per year can be priced per document, per application, or per business concept depending on the use case. Documents you flag as incorrect are credited back automatically."

5 }

Pricing pricing.json
1 {

2 ··"question": "Do you have a free tier?",

3

4 ··"answer": "Yes. New accounts get a fixed allotment of free documents to evaluate the API before committing to a plan. No card required, no recurring free quota. Just enough to validate accuracy on your real documents."

5 }

Pricing free-tier.json
1 {

2 ··"question": "Can I add custom document types?",

3

4 ··"answer": "Yes. Send us a target schema and a representative dataset. We configure the pipeline, run evaluations, and deliver a dedicated extractor with the same accuracy SLA as our standard document types. Setup typically takes days, not weeks."

5 }

Documents custom-types.json
1 {

2 ··"question": "Where is my data processed and stored?",

3

4 ··"answer": "Default processing is in the EU. US processing is available on request. Zero-retention mode is supported for sensitive workflows: documents are deleted right after extraction. We are SOC 2, GDPR, and ISO 27001 compliant. On-prem and VPC deployments are available for enterprise contracts."

5 }

Security security.json
1 {

2 ··"question": "What languages do you support?",

3

4 ··"answer": "English, Spanish, Portuguese, French, Italian, German, and other Latin-script languages out of the box. Other scripts and languages are available on request, with a short configuration window."

5 }

Languages languages.json
1 {

2 ··"question": "What happens when an underlying model gets updated?",

3

4 ··"answer": "We re-validate the pipeline against your accuracy bar before any model upgrade rolls out to your account. If accuracy drops on the regression check, the upgrade is held back. Your production numbers never silently degrade."

5 }

Updates updates.json
1 {

2 ··"question": "How does Invofox compare to building extraction in-house with LLMs?",

3

4 ··"answer": "A weekend prototype with an LLM is straightforward. Production accuracy across document types, table parsing, OCR edge cases, schema drift, model upgrades, and feedback loops are where in-house teams burn quarters. We have those solved end to end. You integrate one endpoint and stay on your roadmap."

5 }

Build vs Buy build-vs-buy.json

accuracy.json

1 {

2 ··"question": "How accurate is Invofox?",

4 ··"answer": "Accuracy thresholds are guaranteed in your SLA, per document type and per field. Every extraction is validated before it counts toward your bill. The feedback loop means accuracy improves over time as your team flags edge cases. Stable use cases reach up to 99%."

5 }

Accuracy accuracy.json

Still have questions? Talk to us

Ship in
one afternoon.

Integrate one endpoint into your codebase. Get back clean, structured JSON from any document, without building the extraction pipeline, training models, or handling edge cases. Ever.

Start for free

[ terminal / media slot ]

Variante centered del MidBanner

Sin media, todo en una columna centrada — útil para CTAs intermedias sin assets visuales asociados.

Talk to sales

Pendientes de demo

Image y LottieAnimation requieren assets reales (una imagen importable en src/assets/ y un archivo .json de Lottie respectivamente). Cuando los tengamos, los añado a este preview.

Start extracting in minutes.

500 pages free. No credit card. No pipeline to configure. Just make a request and see what comes back.

Get started Book a demo

No lock-in · Cancel anytime · SOC 2 Type II

Preview de atoms del sistema

Una API para extraer datos estructurados de PDFs e imágenes

Variante centered del HeroSection

Headings

H1 con recuadro escáner

H2 con palabra destacada

H2 con scanner (caso excepcional) — destacado

H3 — General Sans semibold

H4 — DM Sans semibold

H2 centrado

Headings sobre fondo verde

Una API para extraer datos estructurados de PDFs

Text

Icons

Logo (placeholder textual hasta SVGs)

Avatars

Dots

Badges

Buttons sobre fondo claro

Buttons sobre fondo verde (tone="dark")

Buttons sobre fondo negro (tone="dark")

Links

NavLinks

Switch

CodeBlock

Grid

Section variant="pattern"

NavbarDropdown

Card

Card blanca

Card gris

Card verde

Card negra

Divider

Input, FormField y Spinner

Input suelto

FormField — con helper

FormField — con error

FormField — disabled

Spinner

TestimonialCard (uso suelto)

Lo que dicen nuestros clientes

Media

Aspect ratios + shadow

Con padding y otro atom dentro

Variante split del MediaSection

Variante center del MediaSection

Variante simple — sin media

Frequently asked questions.

Ship inone afternoon.

Variante centered del MidBanner

Pendientes de demo

Start extracting in minutes.

Ship in
one afternoon.