Talent / Brand foundations

Design
system.

The single source for Talent's colours, type, surfaces, components and imagery. Use these rules for decks, reports, social posts and campaign work.

Contents

02

Colour

Talent cyan is the lead brand colour. Neutrals carry backgrounds and text. Pink is the accent, reserved for buttons and other actions. Tints and shades extend cyan; alphas are cyan at reduced opacity for overlays.

Primary, tints and shades

Primary / Base

#0098C7

Primary / Tint / 90

#05A1D1

Primary / Tint / 80

#18B4E8

Primary / Tint / 60

#91D9F3

Primary / Tint / 40

#DBF4FF

Primary / Tint / 20

#F2FAFE

Primary / Shade / 90

#007FA9

Primary / Shade / 80

#0080AA

Primary / Shade / 60

#005B77

Primary / Shade / 40

#003D50

Primary / Shade / 20

#001E28

Primary alphas

Primary / Alpha / 80

#0098C7 · 80%

Primary / Alpha / 60

#0098C7 · 60%

Primary / Alpha / 40

#0098C7 · 40%

Primary / Alpha / 20

#0098C7 · 20%

Primary / Alpha / 15

#0098C7 · 15%

Neutrals

Neutrals / White

#FFFFFF

Neutrals / 50

#EEF5FC

Neutrals / 100

#D9E8F7

Neutrals / 200

#BCD4EB

Neutrals / 300

#9BBAD9

Neutrals / 400

#7F9EBD

Neutrals / 500

#67829E

Neutrals / 600

#56697B

Neutrals / 700

#45525E

Neutrals / 800

#323D49

Neutrals / 850

#222933

Neutrals / Charcoal

#1E2126

Action accents

Accent / Base Light

#EA4F83

Accent / Base Dark

#E02865

03

Typography

Talent is the typeface for display, headings and body, in six weights. Fragment Mono is used for small labels. Sizes snap to the brand sizing scale (120px maximum). Display tracking is −6%, headings −3%, and all display and heading line heights are 90%. A highlighted word inside a heading uses the pop colour in regular weight.

04

Surfaces

Surfaces are coloured containers that set background, text, pop and button colours together. Each theme (Light, Dark, Brand) has five, from quiet to loud: Base, Subtle, Mute, Elevate and Inverse. Use the quietest surface that does the job.

Theme / light

Theme / dark

Theme / brand

05

Layout and spacing

One spacing scale for margins, padding and gaps across every format. Align content to the column grid and leave generous empty space.

Spacing scale

4px

8px

12px

16px

20px

24px

32px

40px

48px

56px

64px

72px

80px

88px

96px

112px

128px

144px

168px

192px

224px

Margins

64–96px

Slides: 80px or 96px. Social: 64px. Repeat the same outer margin across a series.

Card padding

16 / 24 / 32px

16px compact, 24px standard, 32px spacious. Keep all sides consistent.

Gaps

8 / 16 / 32 / 64px

8px icon to label; 16px inside groups; 32px between groups; 64px between major blocks.

Alignment

Shared anchors

Align headlines, copy, cards and imagery to the same column edges. Centre only when the composition calls for it.

Corner radii

8px

Radius 1

16px

Radius 2

24px

Radius 3

32px

Radius 4

40px

Radius 5

48px

Radius 6

8px for compact controls; 16–24px for cards and photos; 32–48px for large editorial treatments. Round / 999px for pills.

Frame grids

Slides use a 6-column grid; every social format (4:5, 1:1, 9:16) uses 2 columns. Margins and gutters are measured on the full-size canvas.

16:9

6 columns

1920 × 1080

Presentation

Margin 80px · Gutter 32px

4:5

2 columns

1080 × 1350

Social portrait

Margin 64px · Gutter 32px

1:1

2 columns

1080 × 1080

Social square

Margin 64px · Gutter 32px

9:16

2 columns

1080 × 1920

Social vertical

Margin 64px · Gutter 32px

Top / bottom inset 144px*

*Vertical safe areas are a working minimum, not a platform guarantee. Keep logos, headlines and CTAs away from interface overlays; check the destination platform before export.

06

Components

Reusable building blocks. Each one reads its colours from the surface it sits on, so it stays legible in every theme and surface without manual overrides.

Toggle

Toggle · no labels

Button

Tag

OutlineSolidLive role

Inverse surface

High-contrast break for statements, figures and calls to action.

Talent Brand Image 1
safe marginfocal point16/10 · clipped to edges

Image Wrap + Bold surface

25+

Years creating people's futures

07

Tooltips

Tooltips show extra detail on hover, such as an element's properties or a token's codes. They use a fixed charcoal Inverse background, white text and a faint white border on every theme. Corners use radius 2 (16px). Property names use Label S Caps and values use Label M, both in Fragment Mono. Add a colour dot only for colour-related values. Use a single row for one property, or a Heading H6 title and divided rows for several related properties. Keep essential information visible outside the tooltip; reveal hover details on focus and provide a tap equivalent on touch screens.

light / Single row

  • Size20px

dark / Single row

  • Size20px

brand / Single row

  • Size20px

LIGHT / MULTIPLE ROWS

Heading

  • TypefaceTalent
  • Size20px
  • Line height140%

dark / Multiple rows

Heading

  • TypefaceTalent
  • Size20px
  • Line height140%

brand / Multiple rows

Heading

  • TypefaceTalent
  • Size20px
  • Line height140%
08

Imagery

Approved Talent photography: real people in cool, high-contrast light with the signature cyan and pink glitch treatment. Avoid warm, beige or untreated stock imagery. Open any image for the full-size file.

Talent Brand Image 1Talent Brand Image 1Talent Brand Image 2Talent Brand Image 2Talent Brand Image 3Talent Brand Image 3Talent Brand Image 4Talent Brand Image 4Talent Brand Image 5Talent Brand Image 5Talent Brand Image 6Talent Brand Image 6Talent Brand Image 7Talent Brand Image 7Talent Brand Image 8Talent Brand Image 8Talent Brand Image 9Talent Brand Image 9Talent Brand Image 10Talent Brand Image 10Talent Brand Image 11Talent Brand Image 11Talent Brand Image 12Talent Brand Image 12Talent Brand Image 13Talent Brand Image 13Talent Brand Image 14Talent Brand Image 14Talent Brand Image 15Talent Brand Image 15Talent Brand Image 16Talent Brand Image 16Talent Brand Image 17Talent Brand Image 17Talent Brand Image 18Talent Brand Image 18Talent Brand Image 19Talent Brand Image 19Talent Brand Image 20Talent Brand Image 20Talent Brand Image 21Talent Brand Image 21Talent Brand Image 22Talent Brand Image 22Talent Brand Image 23Talent Brand Image 23Talent Brand Image 24Talent Brand Image 24Talent Brand Image 25Talent Brand Image 25Talent Brand Image 26Talent Brand Image 26Talent Brand Image 27Talent Brand Image 27Talent Brand Image 28Talent Brand Image 28Talent Brand Image 29Talent Brand Image 29Talent Brand Image 30Talent Brand Image 30Talent Brand Image 31Talent Brand Image 31Talent Brand Image 32Talent Brand Image 32Talent Brand Image 33Talent Brand Image 33Talent Brand Image 34Talent Brand Image 34Talent Brand Image 35Talent Brand Image 35Talent Brand Image 36Talent Brand Image 36Talent Brand Image 37Talent Brand Image 37Talent Brand Image 38Talent Brand Image 38Talent Brand Image 39Talent Brand Image 39Talent Brand Image 40Talent Brand Image 40Talent Brand Image 41Talent Brand Image 41Talent Brand Image 42Talent Brand Image 42Talent Brand Image 43Talent Brand Image 43Talent Brand Image 44Talent Brand Image 44Talent Brand Image 45Talent Brand Image 45Talent Brand Image 46Talent Brand Image 46Talent Brand Image 47Talent Brand Image 47Talent Brand Image 48Talent Brand Image 48Talent Brand Image 49Talent Brand Image 49Talent Brand Image 50Talent Brand Image 50Talent Brand Image 51Talent Brand Image 51Talent Brand Image 52Talent Brand Image 52Talent Brand Image 53Talent Brand Image 53Talent Brand Image 54Talent Brand Image 54Talent Brand Image 55Talent Brand Image 55Talent Brand Image 56Talent Brand Image 56Talent Brand Image 57Talent Brand Image 57Talent Brand Image 58Talent Brand Image 58Talent Brand Image 59Talent Brand Image 59Talent Brand Image 60Talent Brand Image 60Talent Brand Image 61Talent Brand Image 61Talent Brand Image 62Talent Brand Image 62Talent Brand Image 63Talent Brand Image 63Talent Brand Image 64Talent Brand Image 64Talent Brand Image 65Talent Brand Image 65Talent Brand Image 66Talent Brand Image 66Talent Brand Image 67Talent Brand Image 67Talent Brand Image 68Talent Brand Image 68Talent Brand Image 69Talent Brand Image 69Talent Brand Image 70Talent Brand Image 70Talent Brand Image 71Talent Brand Image 71Talent Brand Image 72Talent Brand Image 72Talent Brand Image 73Talent Brand Image 73Talent Brand Image 74Talent Brand Image 74Talent Brand Image 75Talent Brand Image 75Talent Brand Image 76Talent Brand Image 76Talent Brand Image 77Talent Brand Image 77Talent Brand Image 78Talent Brand Image 78Talent Brand Image 79Talent Brand Image 79Talent Brand Image 80Talent Brand Image 80Talent Brand Image 81Talent Brand Image 81Talent Brand Image 82Talent Brand Image 82Talent Brand Image 83Talent Brand Image 83Talent Brand Image 84Talent Brand Image 84Talent Brand Image 85Talent Brand Image 85Talent Brand Image 86Talent Brand Image 86Talent Brand Image 87Talent Brand Image 87Talent Brand Image 88Talent Brand Image 88Talent Brand Image 89Talent Brand Image 89Talent Brand Image 90Talent Brand Image 90Talent Brand Image 91Talent Brand Image 91Talent Brand Image 92Talent Brand Image 92Talent Brand Image 93Talent Brand Image 93Talent Brand Image 94Talent Brand Image 94Talent Brand Image 95Talent Brand Image 95Talent Brand Image 96Talent Brand Image 96Talent Brand Image 97Talent Brand Image 97Talent Brand Image 98Talent Brand Image 98Talent Brand Image 99Talent Brand Image 99Talent Brand Image 100Talent Brand Image 100Talent Brand Image 101Talent Brand Image 101Talent Brand Image 102Talent Brand Image 102

102 images · scroll sideways to browse

09

Orbs

Soft, blurred shapes in cyan, blue, violet and pink with a fine grain. Use them to add atmosphere in empty space only, never behind text, logos or key content. All other backgrounds stay flat colour.

Orb 01

Orb 02

Orb 03

Orb 04

Do

  • Place in empty areas, such as beside a headline or behind the clear space of a cover.
  • Use one orb per frame, two at most.
  • Let the orb bleed off the edge of the frame.
  • Use on Dark or Brand theme backgrounds.

Don't

  • Put text, logos, icons or buttons on top of an orb.
  • Recolour, sharpen or remove the grain.
  • Use as a full-bleed background or as a gradient fill.
  • Place inside cards, buttons or small surfaces.
10

Icons

The shared group icon set: 153 line icons on a common grid. Icons use either the surface's main text colour or its pop colour; icons inside filled buttons take the button's text colour. Use the switch to preview both.

60-40

accessibility

aged-care

arrow-down

arrow-left

arrow-right

arrow-up

attatchment

audio-fast-forward

audio-pause

audio-play

audio-rewind

audio-skip-back

audio-skip-forward

audio-stop

battery

bell

bin

blend

book

bounce

box

brain

briefcase

bug

calendar

camera

car

categories

certificate

chev-down

chev-left

chev-right

chev-up

clear

clinks

clock

clothing

cloud

code

coffee

cog

cogs

coin-dollar

coin-eruo

coin-pound

comment-speech-bubble

comment-speech-bubble-2

compass

computer

construction-crane

construction-crane-2

construction-tape-measure

construction-trowel

contact-email

contact-email-2

contact-mobile

contact-phone

conversation

dashboard

design-plan

design-sketch

diamond

download-cloud

download-file

drive

edit-copy

edit-cut

export

external

eye

family

flag-aus

flag-nz

gant

gender-female

gender-male

give

globe

government-federal

government-landmark

government-local-councils

government-state

graph

handshake

healthcare-aged-care

healthcare-gym

healthcare-heart-bubble

healthcare-mask

healthcare-medical-devices

healthcare-medical

healthcare-medical-2

history

home

industries

infinite

information

job-experience

lightbulb

lightning

list

log-out

megaphone

mic

microchip

network

option

page-document

page-inspect

pending

person

pharma-microscope

pharma-pills

pin

pop

process

punchy

quote

recycle

risk

roots

save

saved

scale-down

scale-up

science

search

secure-doc

secure-padlock

secure-page

secure-shield

select

send

shine

stack

star

sun

sustainability

swatch

text

thumb-down

thumb-up

toggle

travel

trophy

utilities-fire

utilities-water

verify-cross

verify-tick

video

wellness

wind

write

11

Chart examples

Survey-style charts for reports and slides. Bars fill with the primary-to-accent gradient on a soft track. Doughnut slices take evenly spaced colours along that gradient, so any number of items stays on brand. Labels use Fragment Mono; values use body text.

Is your organisation formally measuring AI impact?

79%Not measuring impact
  • Yes, clear metrics or KPIs8%
  • Yes, but informal13%
  • Starting to define19%
  • No, but plan to18%
  • No current plans20%
  • Not sure22%

Has AI made you more efficient at work?