You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
270 lines
9.0 KiB
TeX
270 lines
9.0 KiB
TeX
% Options for packages loaded elsewhere
|
|
\PassOptionsToPackage{unicode}{hyperref}
|
|
\PassOptionsToPackage{hyphens}{url}
|
|
|
|
\documentclass[
|
|
]{article}
|
|
\usepackage{amsmath,amssymb}
|
|
\usepackage{graphicx}
|
|
\usepackage{tikz}
|
|
\usepackage{titlesec}
|
|
\usepackage{titling}
|
|
\usepackage{lmodern}
|
|
\usepackage{xcolor}
|
|
\usepackage{iftex}
|
|
\usepackage[margin=1in]{geometry}
|
|
\ifPDFTeX
|
|
\usepackage[T1]{fontenc}
|
|
\usepackage[utf8]{inputenc}
|
|
\usepackage{textcomp} % provide euro and other symbols
|
|
\else % if luatex or xetex
|
|
\usepackage{unicode-math}
|
|
\defaultfontfeatures{Scale=MatchLowercase}
|
|
\defaultfontfeatures[\rmfamily]{Ligatures=TeX,Scale=1}
|
|
\fi
|
|
% Use upquote if available, for straight quotes in verbatim environments
|
|
\IfFileExists{upquote.sty}{\usepackage{upquote}}{}
|
|
\IfFileExists{microtype.sty}{% use microtype if available
|
|
\usepackage[]{microtype}
|
|
\UseMicrotypeSet[protrusion]{basicmath} % disable protrusion for tt fonts
|
|
}{}
|
|
\makeatletter
|
|
\@ifundefined{KOMAClassName}{% if non-KOMA class
|
|
\IfFileExists{parskip.sty}{%
|
|
\usepackage{parskip}
|
|
}{% else
|
|
\setlength{\parindent}{0pt}
|
|
\setlength{\parskip}{1pt plus 2pt minus 1pt}}
|
|
}{% if KOMA class
|
|
\KOMAoptions{parskip=half}}
|
|
\makeatother
|
|
\definecolor{myblue}{RGB}{24, 102, 201}
|
|
\titleformat{\section}
|
|
{\huge\bfseries\color{myblue}}
|
|
{}
|
|
{0em}
|
|
{}[\titlerule]
|
|
|
|
\titleformat{\subsection}
|
|
{\Large\bfseries}
|
|
{}
|
|
{0em}
|
|
{}
|
|
|
|
\titleformat{\subsubsection}[runin]
|
|
{\bfseries}
|
|
{}
|
|
{0em}
|
|
{}[:]
|
|
|
|
\titlespacing{\subsubsection}
|
|
{0em}{0.75em}{0.5em}
|
|
|
|
\titlespacing{\subsection}
|
|
{0em}{1em}{0.65em}
|
|
|
|
\titlespacing{\maketitle}
|
|
{0em}{0em}{0em}
|
|
\renewcommand{\maketitle}{
|
|
\begin{center}
|
|
{\huge\bfseries \theauthor}\\
|
|
\vspace{.35em}
|
|
\href{https://sufyaan.me/minimal-design}{sufyaan.me/minimal-design}
|
|
\end{center}
|
|
}
|
|
\newsavebox{\picbox}
|
|
\newcommand{\cutpic}[3]{
|
|
\savebox{\picbox}{\includegraphics[width=#2]{#3}}
|
|
\tikz\node [draw, rounded corners=#1, line width=4pt,
|
|
color=white, minimum width=\wd\picbox,
|
|
minimum height=\ht\picbox, path picture={
|
|
\node at (path picture bounding box.center) {
|
|
\usebox{\picbox}};
|
|
}] {};}
|
|
|
|
\usepackage{color}
|
|
\usepackage{fancyvrb}
|
|
\newcommand{\VerbBar}{|}
|
|
\newcommand{\VERB}{\Verb[commandchars=\\\{\}]}
|
|
\DefineVerbatimEnvironment{Highlighting}{Verbatim}{commandchars=\\\{\}}
|
|
% Add ',fontsize=\small' for more characters per line
|
|
\newenvironment{Shaded}{}{}
|
|
\newcommand{\AlertTok}[1]{\textcolor[rgb]{1.00,0.00,0.00}{\textbf{#1}}}
|
|
\newcommand{\AnnotationTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
|
|
\newcommand{\AttributeTok}[1]{\textcolor[rgb]{0.49,0.56,0.16}{#1}}
|
|
\newcommand{\BaseNTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
|
|
\newcommand{\BuiltInTok}[1]{\textcolor[rgb]{0.00,0.50,0.00}{#1}}
|
|
\newcommand{\CharTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
|
|
\newcommand{\CommentTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textit{#1}}}
|
|
\newcommand{\CommentVarTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
|
|
\newcommand{\ConstantTok}[1]{\textcolor[rgb]{0.53,0.00,0.00}{#1}}
|
|
\newcommand{\ControlFlowTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{\textbf{#1}}}
|
|
\newcommand{\DataTypeTok}[1]{\textcolor[rgb]{0.56,0.13,0.00}{#1}}
|
|
\newcommand{\DecValTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
|
|
\newcommand{\DocumentationTok}[1]{\textcolor[rgb]{0.73,0.13,0.13}{\textit{#1}}}
|
|
\newcommand{\ErrorTok}[1]{\textcolor[rgb]{1.00,0.00,0.00}{\textbf{#1}}}
|
|
\newcommand{\ExtensionTok}[1]{#1}
|
|
\newcommand{\FloatTok}[1]{\textcolor[rgb]{0.25,0.63,0.44}{#1}}
|
|
\newcommand{\FunctionTok}[1]{\textcolor[rgb]{0.02,0.16,0.49}{#1}}
|
|
\newcommand{\ImportTok}[1]{\textcolor[rgb]{0.00,0.50,0.00}{\textbf{#1}}}
|
|
\newcommand{\InformationTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
|
|
\newcommand{\KeywordTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{\textbf{#1}}}
|
|
\newcommand{\NormalTok}[1]{#1}
|
|
\newcommand{\OperatorTok}[1]{\textcolor[rgb]{0.40,0.40,0.40}{#1}}
|
|
\newcommand{\OtherTok}[1]{\textcolor[rgb]{0.00,0.44,0.13}{#1}}
|
|
\newcommand{\PreprocessorTok}[1]{\textcolor[rgb]{0.74,0.48,0.00}{#1}}
|
|
\newcommand{\RegionMarkerTok}[1]{#1}
|
|
\newcommand{\SpecialCharTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
|
|
\newcommand{\SpecialStringTok}[1]{\textcolor[rgb]{0.73,0.40,0.53}{#1}}
|
|
\newcommand{\StringTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
|
|
\newcommand{\VariableTok}[1]{\textcolor[rgb]{0.10,0.09,0.49}{#1}}
|
|
\newcommand{\VerbatimStringTok}[1]{\textcolor[rgb]{0.25,0.44,0.63}{#1}}
|
|
\newcommand{\WarningTok}[1]{\textcolor[rgb]{0.38,0.63,0.69}{\textbf{\textit{#1}}}}
|
|
\setlength{\emergencystretch}{3em} % prevent overfull lines
|
|
\providecommand{\tightlist}{%
|
|
\setlength{\itemsep}{0pt}\setlength{\parskip}{0pt}}
|
|
\setcounter{secnumdepth}{-\maxdimen} % remove section numbering
|
|
\ifLuaTeX
|
|
\usepackage[bidi=basic]{babel}
|
|
\else
|
|
\usepackage[bidi=default]{babel}
|
|
\fi
|
|
\babelprovide[main,import]{english}
|
|
% get rid of language-specific shorthands (see #6817):
|
|
\let\LanguageShortHands\languageshorthands
|
|
\def\languageshorthands#1{}
|
|
\ifLuaTeX
|
|
\usepackage{selnolig} % disable illegal ligatures
|
|
\fi
|
|
\IfFileExists{bookmark.sty}{\usepackage{bookmark}}{\usepackage{hyperref}}
|
|
\IfFileExists{xurl.sty}{\usepackage{xurl}}{} % add URL line breaks if available
|
|
\urlstyle{same} % disable monospaced font for URLs
|
|
\hypersetup{
|
|
pdftitle={(POST) Minimal Design},
|
|
pdflang={en},
|
|
colorlinks=true,
|
|
linkcolor=blue,
|
|
filecolor=blue,
|
|
urlcolor=blue,
|
|
pdfcreator={LaTeX via pandoc}}
|
|
|
|
\title{Sufyaan's Website}
|
|
\author{Sufyaan's Website}
|
|
\date{}
|
|
|
|
\begin{document}
|
|
\maketitle
|
|
|
|
\section[Minimal Design]{Minimal Design}\label{why-i-use-terminal-apps}
|
|
|
|
\textbf{28 July 2023}
|
|
|
|
\textbf{Category: }Design
|
|
|
|
\renewcommand*\contentsname{Table Of Contents}
|
|
|
|
\tableofcontents
|
|
|
|
People often ask me why I choose minimal design for brands. This is
|
|
because it has numerous practical advantages that provide ease and
|
|
consistency in a brand.
|
|
|
|
\hypertarget{requirements}{%
|
|
\subsection[Focusing On The Requirements]{Focusing On The
|
|
Requirements}\label{requirements}}
|
|
|
|
One of the main aspects of minimal design is that it focuses on only the
|
|
required elements of a specific brand. As a result, design becomes
|
|
distractionless. This is especially easy nowadays since almost no one
|
|
cares about the meaning behind a logo except in rare cases.
|
|
|
|
Another advantage of this type of design is that it focuses on the core
|
|
message, or in this case, brand type. Too much designing can confuse
|
|
viewers on whether a brand is a playful brand or a luxury brand, for
|
|
example.
|
|
|
|
\hypertarget{timelessness}{%
|
|
\subsection[Timelessness]{Timelessness}\label{timelessness}}
|
|
|
|
Minimal design, especially in the realm of branding, makes a brand feel
|
|
timeless. You could take almost any minimal design from 200 years ago
|
|
and use it for your brand today if there were no limits on copying. On
|
|
the other hand, a sophisticated design from even 50 years ago will look
|
|
dated most of the time.
|
|
|
|
This works because the elements that cause a brand to look dated are
|
|
reduced to an absolute minimum. With minimal design, you have as little
|
|
correlation with time as possible in your brands.
|
|
|
|
\hypertarget{elegance}{%
|
|
\subsection[Elegance]{Elegance}\label{elegance}}
|
|
|
|
Minimal design when performed properly can make any brand look elegant.
|
|
This is due to their simple nature. Look at most luxury brands, and you
|
|
will notice that their designs are all simple.
|
|
|
|
\hypertarget{consistency}{%
|
|
\subsection[Consistency]{Consistency}\label{consistency}}
|
|
|
|
Minimal designs are also consistent. This makes it easy to make a strong
|
|
and impactful brand that reminds viewers of you. This can also be
|
|
achieved through other types of design, but it is more powerful on
|
|
average with minimal design.
|
|
|
|
Such types of consistency also provide versatility. You can place your
|
|
brand design in any context, screen size, device and media type while
|
|
also maintaining a strong brand presence.
|
|
|
|
\hypertarget{breathing-space}{%
|
|
\subsection[Breathing Space]{Breathing Space}\label{breathing-space}}
|
|
|
|
Many designs nowadays are complicated and provide barely any breathing
|
|
space for your eyes. With minimal designs, however, you can rest easy.
|
|
Your eyes will not be overwhelmed by minimal design as much as
|
|
complicated designs.
|
|
|
|
This is useful on informational posts or flyers. It allows your users to
|
|
process information clearly without any clutter.
|
|
|
|
\hypertarget{harmony}{%
|
|
\subsection[Harmony]{Harmony}\label{harmony}}
|
|
|
|
Minimal designs often make use of negative space or whitespace to make a
|
|
design look appealing. This can look spectacular if executed correctly.
|
|
Below is an example:
|
|
|
|
\includegraphics{spade.png}
|
|
|
|
A Spade Logo
|
|
|
|
\hypertarget{maintainence}{%
|
|
\subsection[Maintainence]{Maintainence}\label{maintainence}}
|
|
|
|
Minimal brand designs can be easily maintained and modified. This makes
|
|
them versatile in terms of rebranding.
|
|
|
|
\hypertarget{conclusion}{%
|
|
\subsection[Conclusion]{Conclusion}\label{conclusion}}
|
|
|
|
Minimal designs are preferred because:
|
|
|
|
\begin{enumerate}
|
|
\tightlist
|
|
\item
|
|
They focus on the requirements
|
|
\item
|
|
They are timeless and elegant
|
|
\item
|
|
They stay consistent
|
|
\item
|
|
They give your eyes breathing space
|
|
\item
|
|
They use harmony in a positive way
|
|
\item
|
|
They are easier to maintain
|
|
\end{enumerate}
|
|
|
|
These are the main reasons I do minimal design.
|
|
|
|
\end{document}
|