What this course covers, who it is for, and how the templates and the worked project fit together.

Why colour and type decide how your work feels

A simple way to classify any typeface by looking at its shape, so you choose with purpose instead of scrolling fonts at random.

Check your judgement

Reading type by its form

The small set of words for the parts of a letter, so you can judge quality, talk to a team, and set type with control.

The anatomy of type

Matching a font's personality and practical features to a real brief, so your choice fits the project instead of your mood.

Quiz: check your judgement

Choosing a typeface with purpose

Practical ways to combine two fonts so they contrast nicely instead of clashing, plus the pairings to avoid.

Pairing typefaces that work together

The spacing, scale, and hierarchy moves that turn a good font choice into text that is genuinely easy to read.

Setting type well

 The three properties of any colour, and how tints, shades, and tones give you a whole range from one starting colour.

How colour works

The few reliable ways to combine colours that work together, and how to choose the right one for a brand.

Colour harmonies

Turning a base colour and a harmony into a working set of primary, secondary, accent, and neutral colours for a real product.

Building a colour palette

A simple ratio for spreading a palette across a product, plus semantic and chart colours, so a whole interface feels balanced and consistent.

Applying colour with the 60-30-10 rule

How to feed your eye without drowning in references, and how to practise so your colour and type skills actually grow.

Finding inspiration and building the practice

A recap of the skills you have built, your next steps, and the course that follows this one.

What you can do now, and where this goes next

<p><span style="color: rgb(0, 0, 0); font-size: 11pt; font-family: Arial, sans-serif; background-color: transparent; font-variant: normal; vertical-align: baseline; white-space: pre-wrap;">For junior designers in Cambodia: students, recent graduates, and people switching into design who can build a screen but are still guessing at fonts and colours. This is a UI track course. It does not teach one tool from start to finish. It teaches you to read type, pick and pair fonts with reasons, set text so it is easy to read, and build and apply a colour palette that holds together.</span></p>

Jr Colour_Typo Cover video_1080p (1).mp4

Choose type and colour on purpose, so your screens feel considered, trustworthy, and clearly yours, instead of decorated.

Junior / Colour and Typography

Essential

Satoshi-Variable

CCRegeneration W00 Regular

Archivo-VariableFont_wdth,wght

ArchivoBlack-Regular

swchon

Primary Menu

System Defaults

Primary color

Primary color hover

Heading text color

Body text color

Banner text color

Primary button text color

Primary button text hover color

Secondary button background color

Secondary button background hover color

Secondary button text color

Secondary button text hover color

Navbar item background color

Navbar item text color

Navbar item text hover color

Junior / Colour and Typography

SWCH ON

Course content

Course Description

This Course Includes