Templates

\documentclass[a4paper, 10pt]{article}

% Language 
%\usepackage[spanish,es-noindentfirst]{babel} 

% Packages 
\usepackage[T1]{fontenc}        % 8-bit 
\usepackage[scaled]{helvet}     % Sans serif font
\usepackage{xcolor}             % Color
\usepackage{listings}           % Code snippets
\usepackage[most]{tcolorbox}    % Boxes
\usepackage{graphicx}           % Add images
\usepackage{titlesec}           % Sections and subsections
\usepackage{lipsum}             % Dummy text

% Captions 
\usepackage[font=footnotesize,labelfont={sc},labelsep=period]{caption}

% Colors
\definecolor{sky}{HTML}{8CA8E3}
\definecolor{lavender}{HTML}{9DB5E7}
\definecolor{coal}{HTML}{636363}
\definecolor{pearl}{HTML}{F7F7F7}
\definecolor{ash}{HTML}{ADB0B8}
\definecolor{storm}{HTML}{275468}
\definecolor{apple}{HTML}{90D585}

% Code style
\lstset{
    backgroundcolor=\color{pearl},
    basicstyle=\linespread{0.9}\ttfamily\small\color{storm},
    commentstyle=\color{ash},
    keywordstyle=\color{lavender},
    stringstyle=\color{apple},
    tabsize=2,
    breaklines=true,
    showstringspaces=false,
    numbers=none,
}

% Box for code snippets
\newtcblisting{code}[1]{%
    colframe=pearl,
    colback=pearl,
    arc=1mm,
    left=3pt,right=0pt,top=-5pt,bottom=-5pt,
    listing only,
    listing options={language=#1}
}

% Inline code fragments
\newtcbox{ci}{
    on line,
    fontupper=\ttfamily\small,
    boxsep=1pt,
    left=0pt,right=0pt,top=0pt,bottom=0pt,
    colframe=pearl,colback=pearl,  
    highlight math style={enhanced}
}

% Paragraph format
\setlength{\parindent}{1.5em}
\setlength{\parskip}{1em}
\renewcommand{\baselinestretch}{1.2}

% Section and subsection format
\titleformat{\section}
    {\color{lavender}\sffamily\fontsize{10}{10}}{\thesection}{1em}{}
\titleformat{\subsection}
    {\color{ash}\sffamily\fontsize{10}{10}}{\thesubsection}{1em}{}


% ------------------------------------------------
% Document
% ------------------------------------------------

\begin{document}

% Title
% ---------
{\parindent0pt
{\sffamily
    {\color{sky}{\Large ASSIGNMENT 1} 
    \rule[-.2ex]{.25ex}{1.2em}}
    {\color{lavender}{\Large Cloud anatomy}}

    {\color{coal}\footnotesize
        \textsc{\small Sky landscaping 101} \vspace{-.3em}
    
    Jane Doe \vspace{-1.4em}

    \textit{\today} \vspace{4em}}
}}

% Body
% -----------

\section*{The fluff}
\lipsum[4]

\begin{code}{Python}
# Example code
for l in "cloud":
    print(l)
\end{code}

\section*{Colors of cloud}
\lipsum[5][1-5]

\subsection*{The whiteness}
\lipsum[6]

\subsection*{The stormyness}
\lipsum[8]

\end{document}