--. Style Guide
  • Page Layout
    • Article Listing
    • Card Preview
    • Second Level
    • Third Level
    • Video Banner
  • Components
    • Accordion
    • Cards
    • Calendar
    • Header
    • Lightbox
    • Profile Listing

Government officials will never ask you to transfer money or disclose bank log-in details over a phone call.
You can also contact A*STAR via our online form or call the 24/7 ScamShield Helpline at 1799 if you are unsure if something is a scam.

Style Guide

The A*STAR Style Guide helps web admins create standardised, consistent and user-friendly content across the A*STAR website.

View More
  • Home
  • Style Guide

Page Layout

 

View the page layout for article and pages.

Article Listing

For article such as press releases, news, features and highlights.

View More →

Article Card Preview

Card grid preview that show the card that leads to linked article page.

View More →

Second Level

Section page to show the second-level design layout.

View More →

Third Level

Detailed page layout nested under section page

View More →

Video Banner

Video Banner as a hero section to showcase how the video layout works.

View More →

Components

 

Reusable building blocks, with a guide on when to use each one.

Accordion

Collapse long content into expandable sections

View More →

Calendar

Show events and key date at glance

View More →

Cards

Show events and key date at glance

View More →

Header

Introduce a page or section with a title and summary.

View More →

Lightbox

Background popup showing of the details

View More →

Profile Listing

Details of people with photos, roles and link

View More →
Agency for Science, Technology and Research (A*STAR)
PartnershipsCareersSuppliersContact UsWhistleblowing
  • Report Vulnerability
  • Privacy Statement
  • Terms & Conditions