Style Guide

Editor Style

Paragraph Style

Heading 1 – Light Font Bold

Heading 2 – Light Font Bold

Heading 3 – Light Font Bold

Heading 4 – Light Font Bold

Small Text

Bold Text

Italic Text

Text Color Purple

3 Circle Purple

Information Text

Information Superscript

Information Subscript

Icon Phone
Icon Email
Icon Fax

 

Editor Style

 

Table

Table Cell Background Color Grey
Table Cell Background Color Yellow
Table Cell Vertical Align Top

 

Color Table Head
Color Table Head
Color Table – row 1
Color Table – row 1
Color Table – row 2 Color Table – row 2

 

✔ Mobile Table Row Direction Vertical 1  ✔ Mobile Table Row Direction Vertical 2
✔ Mobile Table Row Direction Vertical 3 ✔ Mobile Table Row Direction Vertical 4
 
  • Mobile Table Row Direction Vertical (Background Color Grey) 
  • Mobile Table Row Direction Vertical (Background Color Grey)
  • Mobile Table Row Direction Vertical (Background Color Grey)
  • Mobile Table Row Direction Vertical (Background Color Grey)
  • Mobile Table Row Direction Vertical (Background Color Grey)

 

Mobile Table Direction Vertical – Row1

Mobile Table Direction Vertical – 1

Mobile Table Direction Vertical – 2 Mobile Table Direction Vertical – 3
Mobile Table Direction Vertical – Row2

Mobile Table Direction Vertical – a

Mobile Table Direction Vertical – b Mobile Table Direction Vertical – c

 

Mobile Table Direction Vertical (▼) – Row1
Mobile Table Direction Vertical – 1 Mobile Table Direction Vertical – 2
Mobile Table Direction Vertical (▼) – Row2
Mobile Table Direction Vertical – a Mobile Table Direction Vertical – b

 

 

Topics/Year Project Econometrics Micro-economics Macro-economics Mathematics
Year
4

ECON4901
Guided Study in Current
Economic Problems II (2)

 

ECON4903
Economics in Practice (2)

       
Year

3

  ECON3121
Introductory
Econometrics (3)
     
Year
2
ECON2901
Guided Study in Current
Economic Problems I (2)
ECON2121
Methods of Economic
Statistics (3)
ECON3011
Intermediate
Microeconomics Theory (3)

ECON3021
Intermediate
Macroeconomic Theory (3)

 

Year

1

ECON1902
A Guide to Learning
Economics (2)
 

*ECON2011
Basic Macroeconomics (3)

ECON2011
Basic Macroeconomics (3)

ECON1101
Mathematical Methods in
Economics I (2)

 

ECON1111
Mathematical Method in
Economics II (2)

 

Editor Style

 

Template

 

Two Box Layout A

Mathematics (Compulsory part)

x1.5

 

Best of M1/M2/Chemistry/ Economics/Physics

x1.5

 

Two Box Layout B

2years in CUHK

 

2years in Tsinghua University

 

Layout Icon

 

Year 1

Academic Counselor

Academic Advisor

Year 2-4

Academic Advisor

 

 

Suggested Study Patterns

 

 

Year 1

Year 2

Year 3

Year 4

Option A

CUHK 1.5 years

Tsinghua 1.5 years

CUHK 0.5 years

Tsinghua 0.5 years

Option B

CUHK 1.5 years

Tsinghua 2 years

CUHK 0.5 years

 

 

Required Courses Table

 

Year
1

ECON 1902

Learning Econ

ECON 2011

Basic Micro

ECON 2021

Basic Macro

ECON 1101

Math I

ECON 1111

Math II

Year
2

ECON 2901

STOT I

ECON 2121

Methods of Econ Stat

ECON 3011

Inter Micro Theory

ECON 3021

Inter Macro Theory

Year
3

ECON 3121

Intro Econometrics

CREDITS

2

Project

3

Econ

3

Micro

3

Macro

2

Math

Year
4

ECON 4901

STOT II

ECON 4903

STOT II

STUDY PLANS FOR DIFFERENT PROFESSIONS

NON-ECONOMICS REQUIREMENTS

 

Required Courses Table Cell Layout 1

Layout
1

ECON 1902

Learning Econ

Required Courses Table Cell Layout 2

Layout
2

CREDITS

2

Project

3

Econ

3

Micro

3

Macro

2

Math

Required Courses Table Cell Layout 3

Layout
3

NON-ECONOMICS REQUIREMENTS

Table Topics/Year Caption

ECON1902

A Guide to Learning
Economics (2)

Course Code

Course Name

(No. of unit)

DesktopClick to download

Text and Thumbnail Row Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac. Duis hendrerit ultricies tellus eget vestibulum. Integer auctor pellentesque porttitor. Nulla a lorem id velit dignissim ornare quis at urna. Phasellus id lacinia magna, vel euismod elit. Nulla facilisi. Sed turpis nulla, vulputate non diam commodo, mollis tincidunt nisi. Integer bibendum non ipsum vitae pharetra. Vestibulum malesuada tortor leo, in blandit lacus dictum quis. Aenean tempor ipsum turpis, sed pulvinar magna dignissim ac. Sed hendrerit a tortor ac commodo. Quisque volutpat neque dolor, quis imperdiet magna volutpat iaculis. Duis sollicitudin felis a purus interdum, sed eleifend nunc euismod. Praesent in bibendum neque. Nunc elementum non nunc ut tempus.

 

Sed id faucibus sem. Ut vitae augue varius, iaculis neque eget, ultricies dolor. Etiam magna nulla, cursus sit amet enim sit amet, tempus consectetur felis. Cras pulvinar magna eros, at convallis neque venenatis vitae. Mauris vel eros risus. Cras maximus sed ex a mattis. Pellentesque imperdiet, nisl in feugiat condimentum, nibh urna dignissim erat, lobortis ullamcorper erat sem a justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Text and Thumbnail Row Block (Thumbnail Full Width)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac. Duis hendrerit ultricies tellus eget vestibulum. Integer auctor pellentesque porttitor. Nulla a lorem id velit dignissim ornare quis at urna. Phasellus id lacinia magna, vel euismod elit. Nulla facilisi. Sed turpis nulla, vulputate non diam commodo, mollis tincidunt nisi. Integer bibendum non ipsum vitae pharetra. Vestibulum malesuada tortor leo, in blandit lacus dictum quis. Aenean tempor ipsum turpis, sed pulvinar magna dignissim ac. Sed hendrerit a tortor ac commodo. Quisque volutpat neque dolor, quis imperdiet magna volutpat iaculis. Duis sollicitudin felis a purus interdum, sed eleifend nunc euismod. Praesent in bibendum neque. Nunc elementum non nunc ut tempus.

 

Sed id faucibus sem. Ut vitae augue varius, iaculis neque eget, ultricies dolor. Etiam magna nulla, cursus sit amet enim sit amet, tempus consectetur felis. Cras pulvinar magna eros, at convallis neque venenatis vitae. Mauris vel eros risus. Cras maximus sed ex a mattis. Pellentesque imperdiet, nisl in feugiat condimentum, nibh urna dignissim erat, lobortis ullamcorper erat sem a justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Information and Thumbnail Block

60years of history

10thin Asia*

48thin the World*

1963Established in

Information and Background Block (Left)

Over

50

%students taking Economics courses come from other programmes
About

8

%students taking Economics courses are exchange students

Information and Background Block (Right)

230

+exchange programs CUHK offered

30

+countries for exchange

1/3

of our students have gone on an exchange

300

+foreign exchange students enrolled in our courses every year

Information Block (Style A)

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

12core courses

12elective courses

Information Block (Style B)

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

70%students have taken an internship before graduation

1/4of our graduates pursue postgraduate studies

Information Block (Style C)

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

70%

students have taken an internship before graduation

1/4

of our graduates pursue postgraduate studies

Icon Grid Row Block (White Background)

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug icon 1
Icon Title
  • Icon Description List
econ ug icon 2
Icon Title
Icon Description Paragraph
econ ug icon 3
Icon Title
  • Icon Description
  • Icon Description
  • Icon Description
econ ug icon 4
Icon Title
Icon Description Icon Description Icon Description
econ ug icon 5
Icon Title

Icon Grid Row Block (Grey Background)

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug icon 1
Icon Title
  • Icon Description List
econ ug icon 2
Icon Title
Icon Description Paragraph
econ ug icon 3
Icon Title
  • Icon Description
  • Icon Description
  • Icon Description
econ ug icon 4
Icon Title
Icon Description Icon Description Icon Description
econ ug icon 5
Icon Title

Icon Grid Row Block (Alternating Background)

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug icon 1
Icon Title
  • Icon Description List
econ ug icon 2
Icon Title
Icon Description Paragraph
econ ug icon 3
Icon Title
  • Icon Description
  • Icon Description
  • Icon Description
econ ug icon 4
Icon Title
Icon Description Icon Description Icon Description
econ ug icon 5
Icon Title

People Details Row Block

econ ug image 3

People Name

People Title | People Title
People Title | People Title

People Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug image 3

People Name

People Title | People Title
People Title | People Title

People Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug image 3

People Name

People Title | People Title
People Title | People Title

People Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug image 3

People Name

People Title | People Title
People Title | People Title

People Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug image 3

People Name

People Title | People Title
People Title | People Title

People Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

econ ug image 3

People Name

People Title | People Title
People Title | People Title

People Details

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 

Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Thumbnail Grid Block (Left)

ug image grid 1
Title
Description
econ ug image 4
Title
ug image grid 2
Title
Description
ug image grid 3
Title
ug image grid 3
Title

Thumbnail Grid Block (Center)

ug image grid 1
Title
Description
econ ug image 4
Title
ug image grid 2
Title
Description
ug image grid 2
Title
Description
ug image grid 3
Title

Accordion Block

Block Subtitle

Label

Title

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Label

Title

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Label

Title

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Label

Title

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Label

Title

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Tab Block

Block Subtitle

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

 

Sed id faucibus sem. Ut vitae augue varius, iaculis neque eget, ultricies dolor. Etiam magna nulla, cursus sit amet enim sit amet, tempus consectetur felis. Cras pulvinar magna eros, at convallis neque venenatis vitae. Mauris vel eros risus. Cras maximus sed ex a mattis. Pellentesque imperdiet, nisl in feugiat condimentum, nibh urna dignissim erat, lobortis ullamcorper erat sem a justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

 

Sed sed facilisis velit, sit amet eleifend nulla. Aliquam mattis, justo quis mollis volutpat, libero sem consectetur augue, eu suscipit nibh quam eget est. Nulla eget laoreet ex, sit amet suscipit nulla. Nunc rutrum, magna ut pretium ultrices, lectus metus efficitur ligula, et interdum neque mauris ut nisi. Duis placerat felis in lorem ornare venenatis. Ut in magna ultrices, lacinia leo ac, placerat neque. Suspendisse auctor sit amet diam id suscipit. Nullam posuere vestibulum porta. Aliquam porttitor ligula ac auctor pretium. Aliquam congue efficitur erat a accumsan. Aenean feugiat vestibulum elit, ac lobortis est. Proin ultrices viverra ante, sit amet porta libero.

 

Phasellus vulputate felis urna, sed euismod risus cursus ut. Sed in aliquam eros. Nam varius et est vel iaculis. Integer at ipsum et nibh ultrices rhoncus at et augue. Aliquam luctus pulvinar justo, sit amet lacinia augue maximus eu. Integer at vestibulum sem. Nulla in volutpat nisi, id cursus velit. Sed aliquam elit vel est posuere euismod. Integer lobortis cursus sem a tincidunt. Pellentesque quam est, porttitor eu est eu, semper congue elit. Vivamus sit amet sagittis lorem. Vestibulum hendrerit nisl a sapien ornare, at sollicitudin nulla consectetur.

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

 

Sed id faucibus sem. Ut vitae augue varius, iaculis neque eget, ultricies dolor. Etiam magna nulla, cursus sit amet enim sit amet, tempus consectetur felis. Cras pulvinar magna eros, at convallis neque venenatis vitae. Mauris vel eros risus. Cras maximus sed ex a mattis. Pellentesque imperdiet, nisl in feugiat condimentum, nibh urna dignissim erat, lobortis ullamcorper erat sem a justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

 

Sed sed facilisis velit, sit amet eleifend nulla. Aliquam mattis, justo quis mollis volutpat, libero sem consectetur augue, eu suscipit nibh quam eget est. Nulla eget laoreet ex, sit amet suscipit nulla. Nunc rutrum, magna ut pretium ultrices, lectus metus efficitur ligula, et interdum neque mauris ut nisi. Duis placerat felis in lorem ornare venenatis. Ut in magna ultrices, lacinia leo ac, placerat neque. Suspendisse auctor sit amet diam id suscipit. Nullam posuere vestibulum porta. Aliquam porttitor ligula ac auctor pretium. Aliquam congue efficitur erat a accumsan. Aenean feugiat vestibulum elit, ac lobortis est. Proin ultrices viverra ante, sit amet porta libero.

 

Phasellus vulputate felis urna, sed euismod risus cursus ut. Sed in aliquam eros. Nam varius et est vel iaculis. Integer at ipsum et nibh ultrices rhoncus at et augue. Aliquam luctus pulvinar justo, sit amet lacinia augue maximus eu. Integer at vestibulum sem. Nulla in volutpat nisi, id cursus velit. Sed aliquam elit vel est posuere euismod. Integer lobortis cursus sem a tincidunt. Pellentesque quam est, porttitor eu est eu, semper congue elit. Vivamus sit amet sagittis lorem. Vestibulum hendrerit nisl a sapien ornare, at sollicitudin nulla consectetur.

 

Cras volutpat lacinia justo, ac ornare tortor consectetur ac. Mauris ac ex vestibulum turpis laoreet convallis. In condimentum metus quis lectus bibendum, id consectetur nulla imperdiet. Phasellus luctus, sem quis feugiat consequat, orci augue tempus ex, eget laoreet tellus felis at erat. In iaculis magna vitae magna lobortis viverra. Nam a imperdiet nunc, et cursus tellus. Vivamus interdum eu orci id suscipit. Morbi vitae leo eu odio sollicitudin maximus in vel sem. Sed tincidunt libero sit amet justo ultrices mollis. Maecenas ac nulla pulvinar, finibus ante et, posuere diam. Integer auctor dui nec est accumsan porta. Morbi varius non mi sit amet dignissim.

Description – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac.

Degrees Conferred Row Block

Degrees Conferred
Title – Lorem ipsum 1
Title – Lorem ipsum 2
Title – Lorem ipsum 3
Title – Lorem ipsum 4

Ranking Row Block

Header Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim, vulputate purus ac, viverra eros. Pellentesque placerat pulvinar nunc, id laoreet velit blandit ac. Duis hendrerit ultricies tellus eget vestibulum. Integer auctor pellentesque porttitor. Nulla a lorem id velit dignissim ornare quis at urna. Phasellus id lacinia magna, vel euismod elit.

Title 1
Heading Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce in ante dignissim

10th

in Asia*

48th

in the World*

Title 2

10th

in Asia*

Grid Icon and Text

Individual Career Consultation

CV & Cover Letter Reviews

Interview Practices

Career Skills Workshops

Weekly Job Vacancy Updates

Bloomberg And Wind Database Training

Industry Expertise Sharing

Alumni Sharing

Job Market Updates

Support For Case Competitions

Google Map and Text (Vertical)

Left Title

Left Content

Right Title

Right Content

Title
Title – Left Card

+852 3943 8190

For admission matters
ecoadm@cuhk.edu.hk 

For general enquiries
econ_ug@cuhk.edu.hk 

Title – Middle Card

+852 3943 5798

ugddp_econ@cuhk.edu.hk

Title – Right Card

+852 3943 3200

GLEF@cuhk.edu.hk

Postgraduate Programmes
M.Phil./Ph.D. Programme

+852 3943 8191

econgrad@cuhk.edu.hk

M.Sc. Programme

+852 3943 5511

mscecon@cuhk.edu.hk

Dual Master’s Degree in Applied Economics (CUHK) & Social and Economic Policy (Northwestern University)

+852 3943 4368

dmdpecon@cuhk.edu.hk

Other Inquiry

+852 3943 8190

+852 2603 5805

economics@cuhk.edu.hk