Shop online
Tap into PayPal checkout and rewards with a calm white panel.
Browse offersA brand preview built from PayPal blues, pill CTAs, geometric headline rhythm, checkout modules, rewards panels, pricing rows, and wallet-like product surfaces.
Color roles separate brand trust, action, surfaces, pricing, wallet choice, and checkout-specific moments.
Core PayPal trust blue.
Links and action details.
Nearly navy primary text.
Warm marketing band.
Payment button only.
Wallet choice accent.
Card and row dividers.
Completed payments.
Display levels track tightly; body levels stay plain, trustworthy, and task-focused.
Primary and secondary buttons keep the same physical rhythm; checkout yellow is scoped to payment modules.
Cards rely on radius, border, spacing, and rate scale before decorative shadow.
Tap into PayPal checkout and rewards with a calm white panel.
Browse offersWarm surface for promotional payment options without turning yellow into the brand.
See optionsDeep blue enterprise tone for business platform capability groups.
+ $0.49 per transaction
Integration choices stay bordered, direct, and scannable.
View docsCash-back offers use modular white and off-white rhythm.
These schematic modules carry the PayPal product logic beyond a generic component catalog.
Fields are white, bordered, and practical with clear blue focus treatment.
small utility
inputs, code
cards
hero panels
commerce CTAs
Depth comes from border, spacing, and type scale.
Low shadow for payment sheets and wallet surfaces.
Floating navigation needs stronger separation.
:root {
--brand-primary: #003087;
--brand-accent: #0070E0;
--brand-accent-pressed: #001C64;
--brand-ink: #001435;
--brand-body: #2C2E2F;
--brand-muted: #687173;
--brand-surface-alt: #FAF8F5;
--brand-checkout-yellow: #FFC439;
--radius-lg: 16px;
--radius-xl: 28px;
--radius-pill: 9999px;
--space-section: 96px;
}