Getting started
Core resources
Other

Add to SEEK Pass button

The SEEK Pass API provides our partners with a selection of button images that can be embedded to display on your platform. These images will be rendered with SEEK Pass branding, ensuring consistency across user interactions. We recommend using the provided button assets wherever possible to maintain a cohesive, on-brand style.If you have specific theming requirements, this document provides guidance on how to manually display a SEEK Pass button on your platform. You must either use the branded images from our SEEK Pass API or follow these guidelines for custom implementations to complete the integration verification process.
Please note the following when using SEEK Pass assets:
  • If you download and host the assets locally, be aware they may become outdated as SEEK Pass branding evolves.
  • To ensure the button image is displayed immediately in emails without requiring users to select "download external images", consider embedding the button image directly into the email.
  • The "Add to SEEK Pass" button must remain in its designated location on your app or website. It should be placed adjacent to related calls to action, without competing links, and must adhere to the SEEK Pass design format.
  • The button includes click effects and displays the full SEEK Pass logo in both light and dark modes, provided SEEK Pass is used as the integration source.

Download pre-approved brand icons

Our pre-approved SEEK Pass button package is available in SVG and PNG formats for all platforms, ensuring scalability across different screen sizes and providing flexibility for the following themes:
ThemeButtonsDescription
Brand accentAdd to SEEK Pass - Brand accent StandardStandard Brand themed Add to SEEK Pass button
NeutralAdd to SEEK Pass - Neutral StandardStandard Neutral themed Add to SEEK Pass button
DarkAdd to SEEK Pass - Dark StandardStandard Dark themed Add to SEEK Pass button
Use PNG buttons in emailPlease use the PNG button asset in email as SVG files may not render consistently or at all in certain email clients.
These scalable SVG and PNG files are adaptable to your design system needs, supporting SEEK Pass, as well as standard and dark states. Regional button variations are available for Asia-Pacific regions.
RegionsSmallStandard
Australia New Zealand Singapore Philippines Malaysia Hong Kong
(Standard Brand-themed integration buttons)
Add to SEEK Pass - Australia New Zealand Singapore Philippines Malaysia Hong Kong Brand accent SmallAdd to SEEK Pass - Australia New Zealand Singapore Philippines Malaysia Hong Kong Neutral SmallAdd to SEEK Pass - Australia New Zealand Singapore Philippines Malaysia Hong Kong Dark Small
Add to SEEK Pass - Australia New Zealand Singapore Philippines Malaysia Hong Kong Brand accent StandardAdd to SEEK Pass - Australia New Zealand Singapore Philippines Malaysia Hong Kong Neutral StandardAdd to SEEK Pass - Australia New Zealand Singapore Philippines Malaysia Hong Kong Dark Standard
Indonesia
Add to SEEK Pass - Indonesia Brand accent SmallAdd to SEEK Pass - Indonesia Neutral SmallAdd to SEEK Pass - Indonesia Dark Small
Add to SEEK Pass - Indonesia Brand accent StandardAdd to SEEK Pass - Indonesia Neutral StandardAdd to SEEK Pass - Indonesia Dark Standard
Thailand
Add to SEEK Pass - Thailand Brand accent SmallAdd to SEEK Pass - Thailand Neutral SmallAdd to SEEK Pass - Thailand Dark Small
Add to SEEK Pass - Thailand Brand accent StandardAdd to SEEK Pass - Thailand Neutral StandardAdd to SEEK Pass - Thailand Dark Standard
You may modify the "Add to SEEK Pass" text to match the primary language of your app or website where necessary.

Creating a custom SEEK Pass button

Using a SEEK Pass-branded button is strongly recommended, as it helps users easily recognise and trust the SEEK brand, improving engagement.If you need to modify the button to match your app design, please follow these guidelines to ensure consistency with SEEK Pass branding.TextThe button text should align with the purpose of the button ("Add to SEEK Pass") and be formatted according to the branding specifications. Ensure adequate padding to help legibility, and align text within the button for consistent spacing.SizeButtons can be resized as needed to fit various screen sizes, but it's essential to preserve the aspect ratio to maintain the SEEK Pass design standards.
StandardSmall
SEEK Pass Logo StandardSEEK Pass Logo Small
SEEK Pass Logo Alignment StandardSEEK Pass Logo Alignment Small
Add to SEEK Pass Text StandardAdd to SEEK Pass Text Small
Add to SEEK Pass Button StandardAdd to SEEK Pass Button Small
ColourThe button colours are defined according to the standard colour guidelines for SEEK Pass, with regional adaptations as appropriate.
ThemeExampleDescription
Brand accentAdd to SEEK Pass - Brand accent Standard

Fill: #E60278

Font: #FFFFFF, SEEK Sans/Standard/Medium 16/24.5

NeutralAdd to SEEK Pass - Neutral Standard

Fill: #FFFFFF

Stroke: #2E3849 | 2px | inside

Font: #2E3849 | SEEK Sans/Standard/Medium 16/24.5

DarkAdd to SEEK Pass - Dark Standard

Fill: #2E3849

Font: #FFFFFF | SEEK Sans/Standard/Medium 16/24.5

Font

The recommended button font is SEEK Sans Medium. To inherit, first download here.
SEEK Pass button example - good practice 1SEEK Pass button example - good practice 2SEEK Pass button example - good practice 3
Do
  • Position the SEEK arrow logo to the left of the text, either left-aligned in the button with padding and centered text (preferred) or centered with the text.
  • Ensure your button is sized to accommodate differing lengths of text for translation.
SEEK Pass button example - bad practice 1SEEK Pass button example - bad practice 2SEEK Pass button example - bad practice 3
Don't
  • Do not create or use an "Add to SEEK Pass" button with different color or logo.
  • Do not place the SEEK arrow element within the provided text. Instead, place the arrow on the left.
  • Do not hard code text for the button. Always use the button text provided via the SEEK Pass API for correct branding and translation.

Accessibility requirements

To ensure the "Add to SEEK Pass" button is accessible to all users, including those using assistive technologies, please follow these additional guidelines:Alt textAlt text is mandatory for the button. It should clearly describe the button's purpose, such as "Add to SEEK Pass".Semantic button elementsUse a <button> or <input> element with type="button" for the button functionality.If you use another element type (e.g. <div> or <a>), ensure you specify role="button" to make it accessible to assistive technologies.

Templated copy for communications

To maintain consistency in messaging across different regions, the following pre-approved copy should be placed above the "Add to SEEK Pass" CTA button in emails and other communications. This copy helps users understand the value of adding their credential to SEEK Pass and encourages them to take action.
RegionCopy
Australia / New ZealandYou've received your credential – now make it count. SEEK Pass, a credential passport, lets you share it on SEEK so employers can find and shortlist you faster.
Singapore / Philippines / Malaysia / IndonesiaYou've received your credential – now make it count. SEEK Pass, a credential passport, lets you share it on Jobstreet so employers can find and shortlist you faster.
Hong Kong / ThailandYou've received your credential – now make it count. SEEK Pass, a credential passport, lets you share it on Jobsdb so employers can find and shortlist you faster.
Usage Guidelines:
  • This text must appear above the CTA button to provide context and encourage engagement.
  • The wording must remain unchanged to ensure alignment with SEEK Pass messaging.
  • Ensure the copy is localised correctly based on the recipient's region.
Previous: Check submission status
Next: Loading page