This website is not optimized for mobile view yet...
// Layout

.display-flex {
    display: flex;

.display-grid {
    display: grid;
// Typography

.font-size-16 {
    font-size: 1.6rem;

.font-size-20 {
    font-size: 2.0rem;
// Whitespace

.margin-24 {
    margin: 2.4rem;

.margin-center {
    margin: 0 auto;

Amigo CSS

// Shortcuts

.display-flex-center-both {
    display: flex;
    align-items: center;
    justify-content: center;

// Extras

.scroll-smooth {
    scroll-behaviour: smooth;
.cursor-pointer {
    cursor: pointer;




Amigo CSS has highly been influenced and inspired by Jonas Schmedtmann and his HTML and CSS course. It's from his course I came to learn about the typography system, whitespace system and color system.

Thanks to Open Color - An open-source color scheme. Amigo CSS colors are derivatives of Open Color.

This website is the official landing page for Amigo CSS and the design has been inspired by the Hulu Design System website.