Finance

resolutai.com

resolutai.com13 colors5 componentsPoppinsMulti-page · 12 screens

Resolut automates invoice follow-ups, scores which clients will pay late and forecasts your cash. Built for professional-services firms. Start free.

Remix Visit

Remix

Visit

12 screenshots captured· resolutai.com

1 / 12 · Accounts Receivable Automation for Service Firms | Resolut · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from resolutai.com/

Primary

#C5FF3D

Primary CTA, brand accent, active state

#1F2937

Secondary accent / hero band

#1E3A8A

Accent / decorative

#14532D

Accent / decorative

#7F1D1D

Accent / decorative

#0F766E

Accent / decorative

Neutral

#0E0F11

Default page background

#1D1D20

Card / panel background

#FAFAFA

Headings / primary text

#A1A1AA

Body copy

#27272A

1px borders and dividers

#000000

Neutral

Semantic

#EAB308

Warning

Typography · Poppins

body14px · 500 · 20px

body18px · 400 · 28px

body14px · 600 · 20px

body18px · 300 · 28px

button18px · 500 · 28px

caption12px · 400 · 16px

body16px · 600 · 24px

body14px · 400 · 20px

quote16px · 400 · 26px

caption12px · 400 · 16px

link14px · 500 · 20px

body16px · 500 · 16px

body16px · 400 · 24px

label14px · 400 · 20px

heading18px · 600 · 28px

body14px · 600 · 20px

caption11px · 500 · 16.5px

caption12px · 600 · 16px

h318px · 600 · 24.75px

link16px · 400 · 24px

link16px · 500 · 16px

button16px · 400 · 24px

body14px · 600 · 20px

body14px · 500 · 20px

caption12px · 500 · 16px

h316px · 600 · 24px

button16px · 500 · 16px

list-item12px · 400 · 16px

label14px · 500 · 20px

table-header12px · 500 · 16px

heading16px · 600 · 24px

Typography · sentient

heading30px · 500 · 36px

h248px · 500 · 52.8px

display48px · 500 · 60px

h148px · 500 · 50.4px

h160px · 500 · 64.8px

body24px · 500 · 32px

h330px · 500 · 37.5px

display48px · 500 · 48px

heading36px · 500 · 40px

body16px · 500 · 24px

heading36px · 500 · 45px

h224px · 500 · 32px

body18px · 400 · 28px

heading20px · 500 · 28px

Typography · Inter Invoice

body12.6667px · 400 · 17.1px

caption10px · 400 · 13.5px

caption11.3333px · 400 · 15.3px

Spacing

16px

8px

12px

80px

24px

32px

4px

20px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.5) 0px 25px 50px -12px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.3) 0px 20px 25px -5px, oklab(0 0 0 / 0.3) 0px 8px 10px -6px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0 0 0 / 0.4) 0px 25px 50px -12px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

Components · 5

Remixes of resolutai.com

Latest remixes

No public remixes yet. Be the first to make one.

Remix it