A fintech system that moves between a deep ink-violet night on the homepage and a pale near-white day on its product and pricing pages. One confident indigo action pill, soft translucent secondary pills, gently rounded cards and a quiet custom sans at unusually light weights.
arcadiaDisplay sets headlines and stats at weight 480; arcadia carries body (360–400), UI (420) and small caps eyebrows (500). Both are proprietary; Inter variable is shown as the substitute at the same light weights.
8px base. Cards pad 32px, pills 20px horizontally; sections breathe 80–128px apart.
Softly rounded 12px cards, a 32px primary pill, 40px secondary pills and full circles for icon buttons and toggles.
| Name | Width | Key changes |
|---|---|---|
| Desktop | ≥ 1200px | Full nav with dropdown pills; 3-up grids; split sections side by side |
| Laptop | 1024–1199px | Narrower container; fluid headline scaling |
| Tablet | 768–1023px | Grids go 2-up; split sections stack |
| Mobile | < 768px | Menu nav; single-column cards; stacked pricing tiers |
Touch targets: pills are 40px and the email capture 46px; pad hit areas to 44px on touch. Collapsing: dropdown pills fold into a menu while "Open account" stays; grids reflow 3 → 2 → 1; headlines scale fluidly; the email capture stacks field above button.