Skip to content

AGC Design System

Component Library for the Attorney General's Chambers Document Search Interface

Color Palette

Primary Colors (Navy)

Navy 900
#1e2d4c
Navy 700
#2c4272
Navy 500
#4065a2
Navy 300
#8eaed3
Navy 100
#dbe6f3

Secondary Colors (Gold)

Gold 900
#653310
Gold 700
#965709
Gold 500
#e29807
Gold 300
#f8cb47
Gold 100
#fdf1c7

UI Colors

Success
#059669
Warning
#d97706
Error
#dc2626
Gray
#f3f4f6

Typography

Headings

Heading 1

font-size: 1.875rem (30px) | font-weight: 700

Heading 2

font-size: 1.5rem (24px) | font-weight: 600

Heading 3

font-size: 1.25rem (20px) | font-weight: 600

Heading 4

font-size: 1.125rem (18px) | font-weight: 600

Body Text

Regular text (16px): The Attorney General's Chambers of Malaysia provides legal advice to the Government and represents the Government in legal proceedings.

Small text (14px): The Attorney General's Chambers of Malaysia provides legal advice to the Government and represents the Government in legal proceedings.

Extra small text (12px): The Attorney General's Chambers of Malaysia provides legal advice to the Government and represents the Government in legal proceedings.

Text Styling

Bold text

Semibold text

Medium text

Normal text

Italic text

Underlined text

Strikethrough text

Colored text

Colored text

Link text

Buttons

Button Variants

Button Sizes

Button with Icon

Form Controls

Text Inputs

Other Form Elements

Search Input

Cards

Basic Card

This is a basic card with header, body, and footer sections.

LKK

Pendakwa Raya v. Ahmad bin Abdullah

[2023] 5 MLJ 123

Criminal case involving drug trafficking under Section 39B of the Dangerous Drugs Act 1952.

Last accessed: 2 days ago
Total Documents
1,234
12% from last month

Badges

Badge Variants

Primary Secondary Success Warning Error

Outline Badges

Primary Secondary Success Warning Error

Alerts & Toasts

Toast Notifications

Tabs

All Documents
LKK Reports
Legal Cases
Criminal Cases

This is the content for All Documents tab.

This is the content for LKK Reports tab.

This is the content for Legal Cases tab.

This is the content for Criminal Cases tab.

Tooltips & Dropdowns

Tooltips

This is a tooltip
What is LKK? Laporan Keputusan Kes (Case Decision Reports)

Dropdowns

Animations

Fade Animations

Other Animations

Pulse Animation