SpeakEasy Communications

speakeasy.net.au

Open Figma

primary

#040707

secondary

#142D48

accent

#2F71B3

background

#ffffff

text

#000000

PP Neue Machina for headings, PP Fraktion Sans for body - tokens generated 2026-08-04

Campaigns

2 pages

Hidden Camera Detection

/hidden-camera-detection

Bug Sweep

/bug-sweep

Brand colours

Generated scales, exact surfaces and alpha helpers

Blue

#F5F8FA

100

#D0DDE9

200

#A7C2DD

300

#7BA7D3

400

#4D8CCB

500

#2F71B3

600

#29629B

700

#235384

800

#1E446B

900

#183552

950

#12263A

Navy

#F5F8FA

100

#DAE3ED

200

#BBCFE4

300

#9BBADC

400

#78A5D6

500

#5690D0

600

#377CC6

700

#2E68A7

800

#275586

900

#1F4165

950

#142D48

Neutral

#F7F7F7

100

#E6E6E6

200

#CCCCCC

300

#B0B0B0

400

#909090

500

#6E6E6E

600

#545454

700

#3D3D3D

800

#2A2A2A

900

#1A1A1A

950

#0D0D0D

Surfaces and helpers

Mist/50

#F5F5F5

Mist/100

#E9E9E9

Ink/900

#0E1111

Ink/950

#040707

White/50

#FFFFFF

Black/900

#000000

Transparent

rgba(0, 0, 0, 0)

Alpha/Navy 8%

rgba(20, 45, 72, 0.08)

Alpha/Navy 12%

rgba(20, 45, 72, 0.12)

Alpha/Navy 24%

rgba(20, 45, 72, 0.24)

Alpha/White 8%

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/Ink 8%

rgba(4, 7, 7, 0.08)

Alpha/Ink 12%

rgba(4, 7, 7, 0.12)

Alpha/Ink 24%

rgba(4, 7, 7, 0.24)

Alpha/Ink 64%

rgba(4, 7, 7, 0.64)

Alpha/Ink 88%

rgba(4, 7, 7, 0.88)

Alpha/Ink 40%

rgba(4, 7, 7, 0.40)

Alpha/Ink 96%

rgba(4, 7, 7, 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
Scrim/Strong
Scrim/Mid
Scrim/Soft

Mist

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
Scrim/Strong
Scrim/Mid
Scrim/Soft

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
Scrim/Strong
Scrim/Mid
Scrim/Soft

Ink

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
Scrim/Strong
Scrim/Mid
Scrim/Soft

Typography

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

Heading/Display

72 / 44px - 500 - 100%

The quick brown fox

Heading/Heading 1

56 / 38px - 500 - 103%

The quick brown fox

Heading/Heading 2

44 / 32px - 500 - 106%

The quick brown fox

Heading/Heading 3

32 / 26px - 500 - 110%

The quick brown fox

Heading/Heading 4

26 / 22px - 500 - 115%

The quick brown fox

Heading/Heading 5

22 / 20px - 500 - 120%

The quick brown fox

Heading/Heading 6

18 / 16px - 500 - 125%

The quick brown fox

Text/Eyebrow/Small

16 / 16px - 400 - 100%

The quick brown fox

Text/Eyebrow/Large

20 / 18px - 400 - 100%

The quick brown fox

Text/Large/Regular

20 / 18px - 300 - 150%

The quick brown fox

Text/Medium/Regular

18 / 17px - 300 - 150%

The quick brown fox

Text/Small/Regular

16 / 16px - 300 - 150%

The quick brown fox

Text/Small/Semi-Bold

16 / 16px - 500 - 150%

The quick brown fox

Text/Small/Black

16 / 16px - 500 - 150%

The quick brown fox

Text/xSmall/Regular

14 / 14px - 300 - 150%

The quick brown fox

Text/xSmall/Semi-Bold

14 / 14px - 500 - 150%

The quick brown fox

Text/xSmall/Bold

14 / 14px - 500 - 150%

The quick brown fox

Text/xSmall/Black

14 / 14px - 500 - 150%

The quick brown fox

Text/xxSmall/Regular

12 / 12px - 300 - 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

0 / 0

Radius/Medium

0 / 0

Radius/Large

0 / 0

Radius/Button

3 / 3

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

Border

Border/Button

2 / 2

Assets

12 files in /clients/speakeasy-net-au/assets

common-locations.jpg

198 KB

concealed-lens.jpg

216 KB

hero-bug-sweep.jpg

1.4 MB

hero-sweep.jpg

181 KB

video

hero-sweep.mp4

2.4 MB

logo.png

3 KB

sweep-involves.jpg

1.7 MB

who-boardroom.jpg

168 KB

who-home.jpg

226 KB

who-rental.jpg

154 KB

who-vehicle.jpg

1.4 MB

why-speakeasy.jpg

1.9 MB