レシピブック
材料のサイドバー、番号付きのステップ、準備時間のバッジを備えたレシピ ページ。

main.tex
\documentclass[10pt]{article}
\usepackage[margin=1.6cm]{geometry}
\usepackage[default]{sourcesanspro}
\usepackage{xcolor}
\usepackage{tikz}
\usepackage{enumitem}
\usepackage{tcolorbox}
\usepackage{parskip}
\pagestyle{empty}
\definecolor{accent}{HTML}{C0562F}
\definecolor{cream}{HTML}{FBF3EC}
\definecolor{ink}{HTML}{2E2A27}
\color{ink}
\newcommand{\badge}[2]{%
\tikz[baseline=(b.base)]{\node[rounded corners=8pt, fill=accent!12, draw=accent!50,
inner xsep=10pt, inner ysep=5pt, font=\small] (b)
{\textcolor{accent}{\textbf{#1}}\hspace{0.5em}#2};}}
\newcommand{\stepnum}[1]{%
\tikz[baseline=-0.6ex]{\node[circle, fill=accent, text=white, inner sep=2.5pt,
font=\small\bfseries, minimum size=1.5em] {#1};}}
\begin{document}
{\Huge\bfseries Roasted Tomato and Basil Soup}
\vspace{0.3em}
{\large\color{accent} A weeknight classic from the family kitchen, page 12 of 48}
\vspace{1em}
\badge{PREP}{20 min}\hspace{0.8em}%
\badge{COOK}{45 min}\hspace{0.8em}%
\badge{SERVES}{4}\hspace{0.8em}%
\badge{DIFFICULTY}{Easy}
\vspace{1.4em}
\noindent
\begin{minipage}[t]{0.33\textwidth}
\vspace{0pt}
\begin{tcolorbox}[colback=cream, colframe=accent!60, boxrule=0.8pt,
arc=3mm, left=8pt, right=8pt, top=10pt, bottom=10pt]
{\large\bfseries\color{accent} Ingredients}
\vspace{0.6em}
\begin{itemize}[leftmargin=1.1em, itemsep=0.45em, label=\textcolor{accent}{\small$\bullet$}]
\item 1.2 kg ripe plum tomatoes, halved
\item 1 red onion, quartered
\item 6 garlic cloves, unpeeled
\item 3 tbsp olive oil
\item 750 ml vegetable stock
\item 1 tsp smoked paprika
\item 1 small bunch fresh basil
\item 100 ml double cream
\item Sea salt and black pepper
\end{itemize}
\vspace{0.8em}
{\bfseries\color{accent} To serve}
\vspace{0.4em}
\begin{itemize}[leftmargin=1.1em, itemsep=0.45em, label=\textcolor{accent}{\small$\bullet$}]
\item Crusty sourdough bread
\item Basil oil, for drizzling
\end{itemize}
\end{tcolorbox}
\end{minipage}%
\hfill
\begin{minipage}[t]{0.62\textwidth}
\vspace{0pt}
{\large\bfseries\color{accent} Method}
\vspace{0.6em}
\begin{enumerate}[leftmargin=2.4em, itemsep=0.9em, label=\protect\stepnum{\arabic*}]
\item Heat the oven to 200\,°C. Spread the tomatoes, onion, and
garlic over a large roasting tray, drizzle with olive oil, and season
generously with salt and pepper.
\item Roast for 35 minutes until the tomatoes are blistered and the edges of
the onion are beginning to char. Squeeze the garlic from its skins.
\item Tip everything into a large pot, add the smoked paprika, and pour in
the hot stock. Simmer gently for 10 minutes.
\item Add most of the basil, then blend until completely smooth. Stir
through the cream and warm without boiling.
\item Taste and adjust the seasoning. Ladle into warm bowls, drizzle with
basil oil, and top with the reserved leaves.
\end{enumerate}
\vspace{1em}
\begin{tcolorbox}[colback=accent!8, colframe=accent, boxrule=0pt,
leftrule=3pt, arc=1mm, left=8pt, right=8pt, top=8pt, bottom=8pt]
{\bfseries\color{accent} Chef's note.} For a deeper flavour, roast the
tomatoes a day ahead and keep them in the fridge overnight. The soup freezes
well for up to three months, add the cream only after reheating.
\end{tcolorbox}
\vspace{1em}
\begin{tabular}{@{}llll@{}}
\textcolor{accent}{\bfseries Per serving} & 210 kcal & 9 g fat & 6 g protein
\end{tabular}
\end{minipage}
\end{document}
アプリ内: 新規プロジェクトのギャラリーを開き、「テンプレートを追加」から クリエイティブ&雑多 パック をインストールすると、ライブプレビュー付きでワンクリック作成できます。コンパイルは同梱エンジンでローカル実行です。