Yes Loans

yesloans.com.au

Open Figma

primary

#F70145

secondary

#011058

accent

#F70145

background

#ffffff

text

#1F1F2E

Nunito for headings, Nunito for body - tokens generated 2026-08-17

Brand colours

Generated scales, exact surfaces and alpha helpers

Red

#FCF4F6

100

#F3CBD6

200

#F09CB3

300

#F2698F

400

#F83268

500

#F70145

600

#D5013B

700

#B30132

800

#8E0329

900

#6B0420

950

#480417

Navy

#F4F5FC

100

#CFD5F3

200

#A4B1F1

300

#768BF2

400

#4463F7

500

#113AFC

600

#0328DE

700

#0220B1

800

#031983

900

#011058

950

#000A38

Ice

#F6F8FA

100

#F0F5FA

200

#D2DEEA

300

#AFC7DF

400

#8BB0D5

500

#6699CC

600

#4482C1

700

#366BA1

800

#2B547D

900

#203D5A

950

#152637

Surfaces and helpers

White/50

#FFFFFF

Black/900

#111111

Alpha/Navy 12%

rgba(1, 16, 88, 0.12)

Alpha/Navy 24%

rgba(1, 16, 88, 0.24)

Alpha/Navy 40%

rgba(1, 16, 88, 0.4)

Alpha/White 04%

rgba(255, 255, 255, 0.04)

Alpha/White 08%

rgba(255, 255, 255, 0.08)

Alpha/White 12%

rgba(255, 255, 255, 0.12)

Alpha/White 24%

rgba(255, 255, 255, 0.24)

Alpha/White 48%

rgba(255, 255, 255, 0.48)

Alpha/White 96%

rgba(255, 255, 255, 0.96)

Colour schemes

One mode per section colour. Values alias into the brand scales.

White

Background/Background
Background/Background Overlay
Background/Foreground
Border/Divider
Border/Image Border
Text/Heading
Text/Default
Text/Alternate
Text/Accent
Button/Primary/Default/Text
Button/Primary/Default/Background
Button/Primary/Default/Border
Button/Primary/Hovered/Text
Button/Primary/Hovered/Background
Button/Primary/Hovered/Border
Button/Secondary/Default/Text
Button/Secondary/Default/Background
Button/Secondary/Default/Border
Button/Secondary/Hovered/Text
Button/Secondary/Hovered/Background
Button/Secondary/Hovered/Border
Button/Slider Button/Default/Text
Button/Slider Button/Default/Background
Button/Slider Button/Default/Border
Button/Slider Button/Hovered/Text
Button/Slider Button/Hovered/Background
Button/Slider Button/Hovered/Border
Button/Form Button/Default/Text
Button/Form Button/Default/Background
Button/Form Button/Default/Border
Button/Form Button/Hovered/Text
Button/Form Button/Hovered/Background
Button/Form Button/Hovered/Border
Tags/Tag 1/Text
Tags/Tag 1/Background
Tags/Tag 1/Background Overlay
Tags/Tag 2/Text
Tags/Tag 2/Background
Tags/Tag 2/Background Overlay
Tags/Tag 3/Text
Tags/Tag 3/Background
Tags/Tag 3/Background Overlay

Navy

Background/Background
Background/Background Overlay
Background/Foreground
Border/Divider
Border/Image Border
Text/Heading
Text/Default
Text/Alternate
Text/Accent
Button/Primary/Default/Text
Button/Primary/Default/Background
Button/Primary/Default/Border
Button/Primary/Hovered/Text
Button/Primary/Hovered/Background
Button/Primary/Hovered/Border
Button/Secondary/Default/Text
Button/Secondary/Default/Background
Button/Secondary/Default/Border
Button/Secondary/Hovered/Text
Button/Secondary/Hovered/Background
Button/Secondary/Hovered/Border
Button/Slider Button/Default/Text
Button/Slider Button/Default/Background
Button/Slider Button/Default/Border
Button/Slider Button/Hovered/Text
Button/Slider Button/Hovered/Background
Button/Slider Button/Hovered/Border
Button/Form Button/Default/Text
Button/Form Button/Default/Background
Button/Form Button/Default/Border
Button/Form Button/Hovered/Text
Button/Form Button/Hovered/Background
Button/Form Button/Hovered/Border
Tags/Tag 1/Text
Tags/Tag 1/Background
Tags/Tag 1/Background Overlay
Tags/Tag 2/Text
Tags/Tag 2/Background
Tags/Tag 2/Background Overlay
Tags/Tag 3/Text
Tags/Tag 3/Background
Tags/Tag 3/Background Overlay

Red

Background/Background
Background/Background Overlay
Background/Foreground
Border/Divider
Border/Image Border
Text/Heading
Text/Default
Text/Alternate
Text/Accent
Button/Primary/Default/Text
Button/Primary/Default/Background
Button/Primary/Default/Border
Button/Primary/Hovered/Text
Button/Primary/Hovered/Background
Button/Primary/Hovered/Border
Button/Secondary/Default/Text
Button/Secondary/Default/Background
Button/Secondary/Default/Border
Button/Secondary/Hovered/Text
Button/Secondary/Hovered/Background
Button/Secondary/Hovered/Border
Button/Slider Button/Default/Text
Button/Slider Button/Default/Background
Button/Slider Button/Default/Border
Button/Slider Button/Hovered/Text
Button/Slider Button/Hovered/Background
Button/Slider Button/Hovered/Border
Button/Form Button/Default/Text
Button/Form Button/Default/Background
Button/Form Button/Default/Border
Button/Form Button/Hovered/Text
Button/Form Button/Hovered/Background
Button/Form Button/Hovered/Border
Tags/Tag 1/Text
Tags/Tag 1/Background
Tags/Tag 1/Background Overlay
Tags/Tag 2/Text
Tags/Tag 2/Background
Tags/Tag 2/Background Overlay
Tags/Tag 3/Text
Tags/Tag 3/Background
Tags/Tag 3/Background Overlay

Ice

Background/Background
Background/Background Overlay
Background/Foreground
Border/Divider
Border/Image Border
Text/Heading
Text/Default
Text/Alternate
Text/Accent
Button/Primary/Default/Text
Button/Primary/Default/Background
Button/Primary/Default/Border
Button/Primary/Hovered/Text
Button/Primary/Hovered/Background
Button/Primary/Hovered/Border
Button/Secondary/Default/Text
Button/Secondary/Default/Background
Button/Secondary/Default/Border
Button/Secondary/Hovered/Text
Button/Secondary/Hovered/Background
Button/Secondary/Hovered/Border
Button/Slider Button/Default/Text
Button/Slider Button/Default/Background
Button/Slider Button/Default/Border
Button/Slider Button/Hovered/Text
Button/Slider Button/Hovered/Background
Button/Slider Button/Hovered/Border
Button/Form Button/Default/Text
Button/Form Button/Default/Background
Button/Form Button/Default/Border
Button/Form Button/Hovered/Text
Button/Form Button/Hovered/Background
Button/Form Button/Hovered/Border
Tags/Tag 1/Text
Tags/Tag 1/Background
Tags/Tag 1/Background Overlay
Tags/Tag 2/Text
Tags/Tag 2/Background
Tags/Tag 2/Background Overlay
Tags/Tag 3/Text
Tags/Tag 3/Background
Tags/Tag 3/Background Overlay

Typography

Font size is the only bound variable. Line height and tracking live on the style.

Heading/Display

100 / 56px - 800 - 100%

The quick brown fox

Heading/Heading 1

64 / 40px - 800 - 100%

The quick brown fox

Heading/Heading 2

58 / 32px - 800 - 120%

The quick brown fox

Heading/Heading 3

42 / 28px - 800 - 110%

The quick brown fox

Heading/Heading 4

36 / 24px - 700 - 130%

The quick brown fox

Heading/Heading 5

28 / 20px - 700 - 130%

The quick brown fox

Heading/Heading 6

24 / 18px - 700 - 130%

The quick brown fox

Text/Eyebrow/Small

16 / 16px - 700 - 26px

The quick brown fox

Text/Small/Regular

16 / 16px - 400 - 150%

The quick brown fox

Text/Small/Semi-Bold

16 / 16px - 600 - 150%

The quick brown fox

Text/Small/Black

16 / 16px - 900 - 150%

The quick brown fox

Text/xSmall/Regular

14 / 14px - 400 - 150%

The quick brown fox

Text/xSmall/Semi-Bold

14 / 14px - 600 - 150%

The quick brown fox

Text/xSmall/Bold

14 / 14px - 700 - 150%

The quick brown fox

Text/xSmall/Black

14 / 14px - 900 - 150%

The quick brown fox

Text/xxSmall/Regular

12 / 12px - 400 - 150%

The quick brown fox

Spacing, radius and layout

Desktop (1440) and Mobile (393) modes

General

Gutter

40 / 20

Horizontal Padding

Horizontal Padding/Medium

80 / 24

Vertical Padding

Vertical Padding/Medium

112 / 48

Spacing

Spacing/xSmall

8 / 8

Spacing/Small

12 / 12

Spacing/Medium

16 / 16

Spacing/Large

24 / 20

Spacing/xLarge

32 / 24

Spacing/xxLarge

48 / 28

Spacing/Huge

64 / 32

Spacing/xHuge

96 / 48

Max-Width

Max-Width/Large

1312 / 353

Max-Width/Medium

968 / 353

Max-Width/Small

840 / 353

Radius

Radius/Small

8 / 8

Radius/Medium

12 / 12

Radius/Large

16 / 16

Button

Button/Primary/Mask Height

21 / 21

Button/Primary/Padding Left

24 / 24

Button/Primary/Padding Right

16 / 16

Button/Primary/Padding Top

16 / 16

Button/Primary/Padding Bottom

16 / 16

Assets

18 files in /clients/yesloans-com-au/assets

avatar-1.png

41 KB

avatar-2.png

37 KB

avatar-3.png

44 KB

debt-process-visual.png

134 KB

hero-wedding.jpg

83 KB

logo.png

17 KB

qualify-vault.jpg

145 KB

video

qualify-vault.mp4

2.5 MB

used-car-auction.jpg

534 KB

used-car-check.jpg

349 KB

used-car-cta.jpg

410 KB

used-car-hero.jpg

481 KB

used-car-keys.jpg

277 KB

used-car-proof.jpg

409 KB

wedding-rings.jpg

76 KB

wedding-venue.jpg

81 KB

yesloans-logo-dark.png

14 KB

yesloans-logo.png

14 KB

Yes Loans

Campaigns

Site Header

Used Car Loans

Car Loans

Caravan Loans

Motorcycle Loans

Travel Loans

Boat Loans

Medical Loans

Home Improvement Loans

Chattel Mortgage

Wedding Loans

Fast Online Loan

Best Car Financing

Debt Consolidation Loans

Personal Loans

Bad Credit Car Loans

Bad Credit Personal Loans

Borrowing Power Calculator

Commercial Loans

About Us

Brand colours

Red

Navy

Ice

Surfaces and helpers

Colour schemes

White

Navy

Red

Ice

Typography

Spacing, radius and layout

General

Horizontal Padding

Vertical Padding

Spacing

Max-Width

Radius

Button

Assets