SEEK Style Guide

SEEK Style Guide

Sketch Exports
Text styles
Hero text
Headline text
Heading text
Subheading text
Large text
Standard text
Standard critical text
Standard strong text
Standard positive text
Standard critical text
Small text
Colours
colours
@sk-blue-darker
@sk-blue-dark
@sk-blue
@sk-blue-light
@sk-blue-lighter
@sk-pink
@sk-green
@sk-green-light
@sk-purple
@sk-teal
@sk-orange
@sk-yellow
@sk-yellow-light
@sk-link-visited
@sk-focus
@sk-highlight
@sk-career-guide-promo
@sk-career-guide-promo-link
@sk-positive-light
@sk-positive
@sk-positive-dark
@sk-info-light
@sk-info
@sk-info-dark
@sk-critical-dark
@sk-applied-jobs
@sk-black
@sk-charcoal
@sk-mid-gray-dark
@sk-mid-gray-medium
@sk-mid-gray
@sk-mid-gray-light
@sk-gray-medium
@sk-gray-light
@sk-gray-lightest
@sk-off-white
@sk-white
@sk-business
@sk-learning-light
@sk-learning-medium
@sk-learning-dark
Symbols
Alert/1. Positive/1. Primary/1. Standard
Message
Alert/1. Positive/1. Primary/2. With Close Button
Message
Alert/1. Positive/2. Secondary/1. Standard
Message
Alert/1. Positive/2. Secondary/2. With Close Button
Message
Alert/1. Positive/3. Tertiary/1. Standard
Message
Alert/1. Positive/3. Tertiary/2. With Close Button
Message
Alert/2. Critical/1. Primary/1. Standard
Message
Alert/2. Critical/1. Primary/2. With Close Button
Message
Alert/2. Critical/2. Tertiary/1. Standard
Message
Alert/2. Critical/2. Tertiary/2. With Close Button
Message
Alert/3. Info/1. Primary/1. Standard
Message
Alert/3. Info/1. Primary/2. With Close Button
Message
Alert/3. Info/2. Secondary/1. Standard
Message
Alert/3. Info/2. Secondary/2. With Close Button
Message
Alert/3. Info/3. Tertiary/1. Standard
Message
Alert/3. Info/3. Tertiary/2. With Close Button
Message
Alert/4. Help/1. Primary/1. Standard
Message
Alert/4. Help/1. Primary/2. With Close Button
Message
Alert/4. Help/2. Tertiary/1. Standard
Message
Alert/4. Help/2. Tertiary/2. With Close Button
Message
icons/Article/1. Standard
icons/Article/2. Large
icons/Article/3. Subheading
icons/Article/4. Heading
icons/Article/5. Headline
icons/Article/6. Hero
Badge/Accent/1. Strong
Badge
Badge/Accent/2. Regular
Badge
Badge/Critical/1. Strong
Badge
Badge/Critical/2. Regular
Badge
Badge/Info/1. Strong
Badge
Badge/Info/2. Regular
Badge
Badge/Positive/1. Strong
Badge
Badge/Positive/2. Regular
Badge
Badge/Neutral/1. Strong
Badge
Badge/Neutral/2. Regular
Badge
Badge/Secondary/1. Strong
Badge
Badge/Secondary/2. Regular
Badge
icons/Building/1. Standard
icons/Building/2. Large
icons/Building/3. Subheading
icons/Building/4. Heading
icons/Building/5. Headline
icons/Building/6. Hero
Button/Pink
Button/Pink Ghost
Button/Blue
Button/Blue Ghost
Button/Gray
Button/Gray Ghost
Button/Transparent
Button/White Ghost
Button Group/Pink
Button Group/Pink Ghost
Button Group/Blue Ghost
Button Group/Pink + Blue
Button Group/Pink + Blue + Transparent
Button Group/Pink + Transparent
Button Group/Pink + Transparent x2
Checkbox/Standard/Checked
Checkbox/Standard/Unchecked
Checkbox/Button/Checked
Checkbox/Button/Unchecked
icons/CheckMark/1. Standard
icons/CheckMark/2. Large
icons/CheckMark/3. Subheading
icons/CheckMark/4. Heading
icons/CheckMark/5. Headline
icons/CheckMark/6. Hero
icons/Chevron/1. Standard
icons/Chevron/2. Large
icons/Chevron/3. Subheading
icons/Chevron/4. Heading
icons/Chevron/5. Headline
icons/Chevron/6. Hero
icons/Clear/1. Standard
icons/Clear/2. Large
icons/Clear/3. Subheading
icons/Clear/4. Heading
icons/Clear/5. Headline
icons/Clear/6. Hero
icons/Close/1. Standard
icons/Close/2. Large
icons/Close/3. Subheading
icons/Close/4. Heading
icons/Close/5. Headline
icons/Close/6. Hero
icons/Critical/1. Standard
icons/Critical/2. Large
icons/Critical/3. Subheading
icons/Critical/4. Heading
icons/Critical/5. Headline
icons/Critical/6. Hero
icons/Cross/1. Standard
icons/Cross/2. Large
icons/Cross/3. Subheading
icons/Cross/4. Heading
icons/Cross/5. Headline
icons/Cross/6. Hero
icons/Delete/1. Standard
icons/Delete/2. Large
icons/Delete/3. Subheading
icons/Delete/4. Heading
icons/Delete/5. Headline
icons/Delete/6. Hero
icons/DownRightArrow/1. Standard
icons/DownRightArrow/2. Large
icons/DownRightArrow/3. Subheading
icons/DownRightArrow/4. Heading
icons/DownRightArrow/5. Headline
icons/DownRightArrow/6. Hero
Dropdown/Standard
Dropdown/With Help Text
Help text
Dropdown/With Critical Text
Critical text
Dropdown/With Positive Text
Positive text
icons/Error/1. Unfilled/1. Standard
icons/Error/1. Unfilled/2. Large
icons/Error/1. Unfilled/3. Subheading
icons/Error/1. Unfilled/4. Heading
icons/Error/1. Unfilled/5. Headline
icons/Error/1. Unfilled/6. Hero
icons/Error/2. Filled/1. Standard
icons/Error/2. Filled/2. Large
icons/Error/2. Filled/3. Subheading
icons/Error/2. Filled/4. Heading
icons/Error/2. Filled/5. Headline
icons/Error/2. Filled/6. Hero
icons/Facebook/1. Unfilled/1. Standard
icons/Facebook/1. Unfilled/2. Large
icons/Facebook/1. Unfilled/3. Subheading
icons/Facebook/1. Unfilled/4. Heading
icons/Facebook/1. Unfilled/5. Headline
icons/Facebook/1. Unfilled/6. Hero
icons/Facebook/2. Filled/1. Standard
icons/Facebook/2. Filled/2. Large
icons/Facebook/2. Filled/3. Subheading
icons/Facebook/2. Filled/4. Heading
icons/Facebook/2. Filled/5. Headline
icons/Facebook/2. Filled/6. Hero
icons/Heart/1. Unfilled/1. Standard
icons/Heart/1. Unfilled/2. Large
icons/Heart/1. Unfilled/3. Subheading
icons/Heart/1. Unfilled/4. Heading
icons/Heart/1. Unfilled/5. Headline
icons/Heart/1. Unfilled/6. Hero
icons/Heart/2. Filled/1. Standard
icons/Heart/2. Filled/2. Large
icons/Heart/2. Filled/3. Subheading
icons/Heart/2. Filled/4. Heading
icons/Heart/2. Filled/5. Headline
icons/Heart/2. Filled/6. Hero
icons/Help/1. Standard
icons/Help/2. Large
icons/Help/3. Subheading
icons/Help/4. Heading
icons/Help/5. Headline
icons/Help/6. Hero
icons/Info/1. Standard
icons/Info/2. Large
icons/Info/3. Subheading
icons/Info/4. Heading
icons/Info/5. Headline
icons/Info/6. Hero
icons/LightBulb/1. Standard
icons/LightBulb/2. Large
icons/LightBulb/3. Subheading
icons/LightBulb/4. Heading
icons/LightBulb/5. Headline
icons/LightBulb/6. Hero
icons/LinkedIn/1. Unfilled/1. Standard
icons/LinkedIn/1. Unfilled/2. Large
icons/LinkedIn/1. Unfilled/3. Subheading
icons/LinkedIn/1. Unfilled/4. Heading
icons/LinkedIn/1. Unfilled/5. Headline
icons/LinkedIn/1. Unfilled/6. Hero
icons/LinkedIn/2. Filled/1. Standard
icons/LinkedIn/2. Filled/2. Large
icons/LinkedIn/2. Filled/3. Subheading
icons/LinkedIn/2. Filled/4. Heading
icons/LinkedIn/2. Filled/5. Headline
icons/LinkedIn/2. Filled/6. Hero
icons/Mail/1. Standard
icons/Mail/2. Large
icons/Mail/3. Subheading
icons/Mail/4. Heading
icons/Mail/5. Headline
icons/Mail/6. Hero
Pill/Static
Pill text
Pill/Interactive
Pill text
icons/Plus/1. Standard
icons/Plus/2. Large
icons/Plus/3. Subheading
icons/Plus/4. Heading
icons/Plus/5. Headline
icons/Plus/6. Hero
icons/Profile/1. Standard
icons/Profile/2. Large
icons/Profile/3. Subheading
icons/Profile/4. Heading
icons/Profile/5. Headline
icons/Profile/6. Hero
Radio/Checked
Radio/Unchecked
icons/Search/1. Standard
icons/Search/2. Large
icons/Search/3. Subheading
icons/Search/4. Heading
icons/Search/5. Headline
icons/Search/6. Hero
Slide Toggle/Unchecked
Slide Toggle/Checked
icons/Star/1. Unfilled/1. Standard
icons/Star/1. Unfilled/2. Large
icons/Star/1. Unfilled/3. Subheading
icons/Star/1. Unfilled/4. Heading
icons/Star/1. Unfilled/5. Headline
icons/Star/1. Unfilled/6. Hero
icons/Star/2. Filled/1. Standard
icons/Star/2. Filled/2. Large
icons/Star/2. Filled/3. Subheading
icons/Star/2. Filled/4. Heading
icons/Star/2. Filled/5. Headline
icons/Star/2. Filled/6. Hero
icons/Star/3. Half/1. Standard
icons/Star/3. Half/2. Large
icons/Star/3. Half/3. Subheading
icons/Star/3. Half/4. Heading
icons/Star/3. Half/5. Headline
icons/Star/3. Half/6. Hero
Text/1. Hero — Desktop: 42px, Mobile: 21px
Hero text
Text/2. Headline — Desktop: 28px, Mobile: 21px
Headline text
Text/3. Heading — Desktop: 22px, Mobile: 21px
Heading text
Text/4. Subheading — Desktop: 18px, Mobile: 18px
Subheading text
Text/5. Large — Desktop: 18px, Mobile: 18px
Large text
Text/6. Standard — Desktop: 16px, Mobile: 16px/1. Default
Standard text
Text/6. Standard — Desktop: 16px, Mobile: 16px/2. Secondary
Standard critical text
Text/6. Standard — Desktop: 16px, Mobile: 16px/3. Strong
Standard strong text
Text/6. Standard — Desktop: 16px, Mobile: 16px/4. Positive
Standard positive text
Text/6. Standard — Desktop: 16px, Mobile: 16px/5. Critical
Standard critical text
Text/6. Standard — Desktop: 16px, Mobile: 16px/6. Link
Text/7. Small — Desktop: 14px, Mobile: 14px
Small text
Textarea/Standard
500
Textarea/With Help Text
Help text
500
Textarea/With Critical Text
Critical text
-20
Textarea/With Positive Text
Positive text
500
TextField/Standard
TextField/With Help Text
Help text
TextField/With Critical Text
Critical text
TextField/With Positive Text
Positive text
icons/ThumbsUp/1. Standard
icons/ThumbsUp/2. Large
icons/ThumbsUp/3. Subheading
icons/ThumbsUp/4. Heading
icons/ThumbsUp/5. Headline
icons/ThumbsUp/6. Hero
icons/TickCircle/1. Unfilled/1. Standard
icons/TickCircle/1. Unfilled/2. Large
icons/TickCircle/1. Unfilled/3. Subheading
icons/TickCircle/1. Unfilled/4. Heading
icons/TickCircle/1. Unfilled/5. Headline
icons/TickCircle/1. Unfilled/6. Hero
icons/TickCircle/2. Filled/1. Standard
icons/TickCircle/2. Filled/2. Large
icons/TickCircle/2. Filled/3. Subheading
icons/TickCircle/2. Filled/4. Heading
icons/TickCircle/2. Filled/5. Headline
icons/TickCircle/2. Filled/6. Hero
icons/Tick/1. Standard
icons/Tick/2. Large
icons/Tick/3. Subheading
icons/Tick/4. Heading
icons/Tick/5. Headline
icons/Tick/6. Hero
icons/Twitter/1. Unfilled/1. Standard
icons/Twitter/1. Unfilled/2. Large
icons/Twitter/1. Unfilled/3. Subheading
icons/Twitter/1. Unfilled/4. Heading
icons/Twitter/1. Unfilled/5. Headline
icons/Twitter/1. Unfilled/6. Hero
icons/Twitter/2. Filled/1. Standard
icons/Twitter/2. Filled/2. Large
icons/Twitter/2. Filled/3. Subheading
icons/Twitter/2. Filled/4. Heading
icons/Twitter/2. Filled/5. Headline
icons/Twitter/2. Filled/6. Hero
Block Symbols
PartnerSites/Australia/No Active Product
PartnerSites/Australia/Jobs Product Active
PartnerSites/Australia/Courses Product Active
PartnerSites/Australia/BusinessesForSale Product Active
PartnerSites/Australia/Volunteering Product Active
PartnerSites/New Zealand/No Active Product
PartnerSites/New Zealand/Jobs Product Active
PartnerSites/New Zealand/Courses Product Active
PartnerSites/New Zealand/BusinessesForSale Product Active
PartnerSites/New Zealand/Volunteering Product Active