www.DigiContas.com — greenfield marketing directions

Greenfield per-brand marketing direction gallery for DigiConta (multi-tenant accounting / bookkeeping SaaS; ES primary; native MX SAT/CFDI/IVA/EFOS + Panamá DGI/ITBMS/e-factura; "Family Office digital" for multiple entities). Generated 2026-06-08. This is the DIRECTIONS stage — a doc artifact, zero live-site change. Open index.html to compare all three on the real DigiConta content (ES). The pick gets applied in a later pass.

All three directions:

Render the real DigiContas content (hero, 6 features, 3-step how-it-works, 3-tier pricing $0/$29/$79, 3-phase roadmap, 6-item FAQ, CTA, footer) in Spanish.
Use the brand-canonical digiconta font pairing — Space Grotesk + IBM Plex Sans (+ IBM Plex Mono for figures) — per .claude/rules/frontend-design.md (the DigiConta Bold Refresh, R2.0). Loaded via Google <link> here for preview; self-hosted (public/fonts/*.woff2) in the shipped Astro site per anti-slop AS5.
Are WCAG 2.1 AA-checked (every body/secondary/meta text + accent computed ≥4.5:1, or ≥3:1 for large display) and reduced-motion-guarded (every transition/animation nested under prefers-reduced-motion: no-preference, plus scroll-behavior reset).
Avoid the generic-AI look: no Inter/Roboto/Arial as primary, no third-party font CDN in production, materially-specific fiscal content (real CFDI/IVA/ITBMS/EFOS rows) instead of decorative chrome.

Suggested

Cierre — For a fiscal SaaS whose buyers are accountants and SMB owners, the highest-conversion safe default is the calm, light, audit-ready register: broadest audience comfort, the cleanest accessibility story, and a deliberate contrast with the dark internal Console/Ledger app (the marketing site is the welcoming front door; the product is the working desk). Libro Mayor is the play if you want the site continuous with the product — credibility-by-fidelity, the screenshot is the pitch (Mercury/Ramp). Dos Banderas is the boldest, most ownable brand statement — pick it to make DigiConta's real differentiator (MX⇄Panamá dual jurisdiction) the entire identity. All three are AA-verified + reduced-motion-guarded.

The three directions

Libro Mayor · `libromayor.html`

"The Ledger" — dark fintech that echoes the DigiConta internal Console/Ledger app.
Refs: Mercury; Ramp; Stripe (dark); WCAG 2.1 AA
Fonts: Space Grotesk (display/headings, distinctive geometric grotesque) · IBM Plex Sans (body) · IBM Plex Mono (all figures, eyebrows, ledger — tabular-nums for honest numbers). No Inter/Roboto/system-UI as primary.
Palette: money-green #34d399 (credits) + brand teal #2dd4bf on deep midnight #05080f; amber #fbbf24 pending, red #f87171 debits — a deliberate, deeper extension of the app's #0a0e1a/#14b8a6 console palette.

A dark money-green fintech system continuous with DigiConta's own internal surface. The hero is a literal libro mayor (CFDI proveedor, factura timbrada, ITBMS por pagar, IVA acreditable) with debit/credit color coding, timbrado/conciliado state tags, a SAT ⇄ DGI pill, and a period balance — the product fidelity is the pitch. A faint ledger-grid background, tabular-figure monospace everywhere, disciplined teal accent (CTAs/eyebrows/focus only). Mercury/Ramp register: serious, precise, "this is a real fiscal tool." Risk acknowledged: dark fintech is the most common AI-SaaS register — the anti-slop work is in the materially-specific ledger content, not chrome.

Cierre · `cierre.html` — ⭐ suggested

"The Clean Close" — light, document-first, calm precision.
Refs: Stripe (light); Linear; Vercel; WCAG 2.1 AA
Fonts: Space Grotesk (display/headings) · IBM Plex Sans (body) · IBM Plex Mono (KPIs, eyebrows, breadcrumb). Brand-canonical pairing.
Palette: warm paper-white #fbfcfd, a single deep-teal accent #0b7d72 (darkened from the app's #14b8a6 to clear AA on white), AA-safe semantic green/amber/red. Soft elevation, generous whitespace.

Light, airy and document-grade — "your books, finally in order." A crisp light-mode dashboard mock (IVA por pagar, CFDIs sincronizados, ITBMS vence-en, a 6-bar fiscal-year trend) anchors the hero with a browser-chrome breadcrumb and a live pulse. One disciplined teal carries every accent so nothing is decorative; each of positive/pending/negative gets exactly one AA-safe color. Stripe/Linear/Vercel restraint applied to a Spanish fiscal SaaS. This is the safest high-conversion default: broadest buyer comfort, the cleanest accessibility story, the lowest "generic dark-SaaS" risk, and a deliberate front-door contrast with the dark internal app.

Dos Banderas · `dosbanderas.html`

"Two Flags" — editorial, built on the ownable MX⇄Panamá dual-jurisdiction idea.
Refs: Vercel (editorial); QuickBooks/Xero-class but far better; Condé-Nast-grade asymmetric grids; WCAG 2.1 AA
Fonts: Space Grotesk (oversized editorial display + headings) · IBM Plex Sans (body) · IBM Plex Mono (codes, flags, eyebrows, step meta). Brand-canonical pairing.
Palette: warm cream #f6f3ec + warm near-black ink #13160f, two accents — teal #0c6f64 (MX/system) ⇄ sun-gold #9a6b0f (Panamá/Pacific), both AA-pinned on cream; the brighter gold #d99a2b appears only on dark panels.

The most ownable + design-forward direction: it weaponizes DigiConta's single unfakeable edge — one account spanning México (SAT/CFDI/IVA/EFOS) and Panamá (DGI/ITBMS/e-factura). A teal⇄gold duality runs through a literal vertical meridian in the hero, dual MX/PA statement cards, a dark dual-jurisdiction panel (SAT column vs DGI column), and the CTA. Oversized Space Grotesk display, an asymmetric 6-col feature grid (SAT integration leads, wide), big numbered how-it-works rows, and a dark Professional pricing tier. Vercel-editorial execution on QuickBooks/Xero subject matter. Highest brand payoff + strongest positioning story; slightly more art-direction to maintain than the other two.

Director's recommendation

Pick Cierre as the default; keep Dos Banderas as the brand-bold alternative.

Why Cierre wins for the launch site: the audience is fiscal — accountants and SMB owners evaluating whether to trust this tool with SAT credentials and CFDI data. Calm + light + audit-ready converts that audience better than dark-fintech flash, and it has the cleanest AA story (every accent on white, no reliance on dark-mode contrast). It also draws the right brand line: the marketing site is the welcoming front door; the dark Console/Ledger is the working product behind the login.
When to choose Dos Banderas instead: if DigiConta wants to lead with positioning rather than safety. The MX⇄Panamá dual-jurisdiction story is genuinely unfakeable and no competitor owns it — making it the entire visual identity is the strongest long-term brand move, at the cost of more art-direction discipline.
When to choose Libro Mayor: if the strategy is product-led growth where the site should feel like a seamless preview of the app — the ledger hero is the most "show, don't tell" of the three.

Notes for the apply pass

Fonts must be self-hosted (AS5): add tools/fetch-digiconta-fonts.py (Google CSS2 endpoint, Chrome UA, subset latin+latin-ext) → public/fonts/*.woff2 + @font-face, mirroring the existing DigiConta R2.3a digiconta-fonts.css (Space Grotesk + IBM Plex Sans). Replace the preview <link>.
Wire the real i18n: all copy here is lifted verbatim from src/i18n/ui.ts + the FAQ in src/pages/es/index.astro — the apply pass renders it through t() and the EN mirror, not hardcoded.
Adopt the cross-stack motion layer (@cloudingenium/design-tokens/css/_motion.css) per .claude/rules/frontend-design.md AS6 instead of the bespoke @keyframes used in these standalone previews.
Run the Phase 3.5 verification chain (a11y-debugging, web-perf, LCP if needed) on the chosen direction once it's a real Astro page.