Something went wrong. Try again.
Monorepo for Aesthetic.Computer aesthetic.computer
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869\documentclass[tikz,border=0pt]{standalone}\usepackage[utf8]{inputenc}\usepackage{xcolor}\usepackage{listings}
% Card dimensions (playing card ratio 2.5:3.5 inches, scaled up for quality)\newcommand{\cardwidth}{250pt}\newcommand{\cardheight}{350pt}
% Colors - warm paper background\definecolor{cardbg}{HTML}{FFF9C0}\definecolor{codebg}{HTML}{1F1B16}\definecolor{codetext}{HTML}{F4E9D7}\definecolor{titlecolor}{HTML}{2D2A24}\definecolor{bodycolor}{HTML}{4A4540}\definecolor{categorycolor}{HTML}{666666}
% Code listing style for KidLisp\lstdefinestyle{kidlisp}{ basicstyle=\ttfamily\fontsize{9}{11}\selectfont\color{codetext}, backgroundcolor=\color{codebg}, frame=none, breaklines=true, breakatwhitespace=true, showstringspaces=false, tabsize=2, xleftmargin=8pt, xrightmargin=8pt,}
\begin{document}\begin{tikzpicture} % Card background with rounded corners \fill[cardbg, rounded corners=12pt] (0,0) rectangle (\cardwidth, \cardheight); % Category badge at top \node[anchor=north, font=\sffamily\fontsize{11}{13}\selectfont\color{categorycolor}] at (0.5*\cardwidth, \cardheight-12pt) {CATEGORY}; % Card title \node[anchor=north, font=\sffamily\bfseries\fontsize{18}{22}\selectfont\color{titlecolor}] at (0.5*\cardwidth, \cardheight-32pt) {TITLE}; % Horizontal rule \draw[categorycolor, line width=0.5pt] (15pt, \cardheight-55pt) -- (\cardwidth-15pt, \cardheight-55pt); % Description text \node[anchor=north west, text width=\cardwidth-30pt, font=\sffamily\fontsize{10}{14}\selectfont\color{bodycolor}] at (15pt, \cardheight-65pt) {DESCRIPTION}; % Code block background \fill[codebg, rounded corners=8pt] (12pt, 12pt) rectangle (\cardwidth-12pt, 130pt); % Code block header \node[anchor=north west, font=\sffamily\fontsize{8}{10}\selectfont\color{codetext}] at (18pt, 124pt) {Example}; % Separator line in code block \draw[codetext, opacity=0.2, line width=0.5pt] (18pt, 112pt) -- (\cardwidth-18pt, 112pt); % Code content \node[anchor=north west, text width=\cardwidth-40pt] at (18pt, 105pt) { \begin{lstlisting}[style=kidlisp]CODE \end{lstlisting} };\end{tikzpicture}\end{document}