DreamPay is an international payment intermediary that enables Brazilian consumers to pay in BRL (via PIX or credit card installments up to 12x) at establishments in the USA and Eurozone, while merchants receive in EUR or USD without needing a Brazilian bank account.
DreamPay removes the friction of international payments by making cross-border transactions feel domestic for both sides: Brazilian consumers pay in reais with familiar methods (PIX, installments), and foreign merchants receive in their local currency with zero complexity.
Financial compliance, security-first messaging, transparent pricing
Clean interfaces, contemporary typography, blue-based fintech palette
Simple 3-step flows, plain language, inclusive for non-technical users
Connecting two worlds — Brazil and international commerce
B2B credibility for merchants + B2C clarity for consumers
IOF included, no hidden fees, clear exchange rates
Three-step flows, instant setup, no bureaucracy
Regulated intermediary, encrypted transactions, compliance handled
Familiar payment methods (PIX, parcelamento) for Brazilians abroad
Bridging Brazilian consumers to global commerce
The DreamPay logo uses Inter Tight Extra Bold with tight tracking. The primary version pairs DreamPay Cyan with Deep Navy for a distinctive two-tone mark.
Symbol + "DreamPay" wordmark. Used on website headers, marketing materials, and partnership collateral.
Used for app icons, favicons, social media avatars, and small-format applications.
Minimum clear space equals the height of the "D" on all sides
| Wordmark (screen) | min 80px wide |
| Symbol (screen) | min 24px |
| Favicon | 16x16 & 32x32px |
A blue-based fintech palette that communicates trust, modernity, and professionalism. Supports both light and dark modes.
Primary gradient — Hero sections, CTAs
Accent gradient — Subtle highlights
Dark hero gradient
DreamPay uses the Inter type family — Inter Tight for headings and Inter for body — with JetBrains Mono for code and data.
Headings · Semi-Bold (600), Bold (700), Extra Bold (800)
Body · Regular (400), Medium (500), Semi-Bold (600)
Code & Data · Regular (400)
Developer-ready design tokens for spacing, border radius, shadows, and responsive grid.
| Breakpoint | Width | Columns | Gutter | Margin |
|---|---|---|---|---|
| Mobile | < 640px | 4 | 16px | 16px |
| Tablet | 640–1024px | 8 | 24px | 32px |
| Desktop | 1024–1280px | 12 | 24px | 48px |
| Wide | > 1280px | 12 | 32px | auto (max 1280) |
Visual direction for core UI components. Built on PrimeNG 19 Aura theme for Angular apps and Tailwind CSS utilities.
| Variant | Background | Text | Border Radius | Padding |
|---|---|---|---|---|
| Primary | #0EA5E9 | White | 8px | 12px 24px |
| Secondary | #EEF2F6 | Navy | 8px | 12px 24px |
| Ghost | transparent | Cyan | 8px | 12px 24px |
| Destructive | #EF4444 | White | 8px | 12px 24px |
bg-card, rounded-lg, border, shadow-sm, p-6
bg-card, rounded-xl, shadow-lg, p-8, no border
hover: border-primary/50, shadow-md, cursor-pointer
How DreamPay speaks to consumers and merchants across different contexts. Uses feminine articles in Portuguese: "a DreamPay", "da DreamPay".
PIX ou cartão parcelado em até 12x. IOF já incluso, zero surpresas na fatura.
Consumidores brasileiros pagam em BRL via PIX ou cartão parcelado. Você recebe em EUR ou USD, sem conta bancária no Brasil.
Guidelines for photography, illustrations, and icon usage across all DreamPay touchpoints.
| Type | Outlined, 1.5px stroke, rounded caps |
| Grid | 24px with 20px and 16px variants |
| Color | currentColor (inherits text color) |
| Set | Lucide Icons or Phosphor Icons |
Custom icons needed for:
Payment method logos (PIX, card brands), DreamPay-specific UI icons, currency
symbols, and status indicators.