The homepage serves as the primary entry point to the Chandra Asri digital experience, introducing the brand, its key offerings, and the value it creates for its stakeholders. Use the approved layouts, typography, imagery, colors, and graphic elements to create a clear, engaging, and consistent brand experience across the page.
Chandra Asri — Brand Guidelines
This website is the official home of Chandra Asri’s visual identity, communication style, and digital components. Find a rule, download an asset, or copy the code, all in one place.
You don’t need to read everything. Pick your role, then open the pages you’ll use most.
Designer
Creating visual materials, presentations, and campaigns.
Developer
Building websites and internal apps using our brand.
Partners & Vendors
Producing materials on behalf of Chandra Asri.
The website is organized into four groups, from core identity to how it all comes together on a page.
Brand Definition
Who we areThe story and tagline that define how Chandra Asri presents itself.
Basic Element
Visual foundationThe core elements that make Chandra Asri instantly recognizable across every medium.
Component
Interface building blocksPage Guidelines
Putting it togetherFull page layouts that combine the elements and components above.
Three steps to use the guidelines correctly.
Choose General or Subsidiary
General shows every guideline. Subsidiary shows only Logo, Typography, and Color.
Follow every usage rule
Each page documents how to use it: variations, states, layout, and more. Follow all of them so every material stays consistent.
Export when you need it
Press Export in the navbar to export all the guidelines in your selected scope.
Anyone producing something for Chandra Asri Group — designers, developers, communications teams, and outside partners or vendors. Everyone works from the same rules.
General covers every guideline for Chandra Asri Group. Subsidiary narrows it down to the Logo, Typography, and Color rules for a specific business unit.
No. Use the full colour version whenever possible. Black, white, and blue are the only single-colour options, and the symbol's colours are fixed.
Never smaller than 23 mm wide, and always surrounded by clear space equal to the height of the 'X'.
Every version on the Logo page comes ready to download in AI, EPS, PNG, and SVG. Always use the provided final artwork rather than recreating it.
Yes. Each component page shows a live preview with the code behind it, built on the same design tokens as the rest of the guidelines.
Not sure where to start?
Read the Introduction, then continue to Logo, Color, and Typography. These pages cover most everyday needs.
