Compilation of ways to make your Notion page more vibrant.

Compilation of ways to make your Notion page more vibrant.

Published at 01/05/2023 00:00 by Khương Lữ Minh.

4 min read
3 views

Combine both decorations

$$\colorbox{f7c2d6}{\color{ffffff}{Good}}\color{c3bbec}\text{morning}$$
Formula: $$ \ colorbox {Color code} {\ color {Color code} {Word} } \ color {Color code} \ text {Word} $$

FONT FORMAT

Machine style (Monospace) (textTT)

$$\color{000000}\texttt{hello}$$
Formula: $$ \ color {Color code} \ texttt {Word} $$

Sans-serif style (textSF)

$$\color{000000}\textsf{hello}$$
Công thức: $$ \ color {Mã màu} \ textsf {Chữ} $$

Serif font (roman) (textRM)

$$\color{000000}\textrm{hello}$$
Formula: $$ \ color {Color code} \ textrm {Word} $$

Bold style (textBF)

$$\color{000000}\textbf{hello}$$

Medium style (textMD)

$$\color{000000}\textmd{hello}$$
Formula: $$ \ color {Color code} \ textmd {Word} $$

Up style (textUP)

$$\color{000000}\textup{hello}$$
Formula: $$ \ color {Color code} \ textup {Word} $$

Italic style (textIT)

$$\color{000000}\textit{hello}$$
Formula: $$ \ color {Color code} \ textit {Word} $$

Combine with text box style (textRM)

$$\colorbox{c3bbec}{\color{ffffff}\texttt{hello}}$$
Formula: $$ \ colorbox {Color code} {\ color {Code code} \ font code (VD:texttt) {Word} $$

TEXT SIZE

Formula: $$ \ color {Color code} \ Size \ text {Word} $$
$$\color{000000}\
Here is a list of font sizes. Some sizes may seem similar, but capitalizing the size names can make the text appear bigger (eg: the "Huge" size is bigger than the "huge" size), so please pay attention to capitalizing the size names as shown below

ADVANCE COMBINATION

Change the color of each letter

$$\Huge\text{\color{4231d6}h}
{\color{3950d7}e}
{\color{2c76cf}l}
{\color{2291c9}l}
{\color{1ba6c5}o}
{\color{0ecbbc}o}
{\color{66ecbb}o}$$
Formula:
$$ \
Size (can remove if not like) \ text { \ color {Color code} letter }
\ text { \ color
{Color code} letter }
\ text { \ color
{Color code} letter } $$
Shift + enter to break the line, simply copy the code and change the color code letters to match your own. To create spaces, add \ + space.
And create text in the middle of the page to use as a title: /block equation and then enter the desired text or any formatting code you wish to use.

To display a small square in front to the text

$$\colorbox{pink}\Huge\text{hello}$$
Formula:
$$ \ colorbox
{Color code} \ size \ style {word} $$

Huge headline

$$\colorbox{pink}{\Huge\texttt{hello}}$$
Formula:
$$ \ colorbox
{Color code} \ { size \ style {word} } $$

Huge headline (another version)

$$\colorbox{pink}
{$\begin{matrix}\Huge\texttt{hello}\\\end{matrix}$}$$
Formula:
$$ \ colorbox
{Color code}
{ $ \ begin {
matrix} \ size \ style {word} \\\ end {matrix} $ } $$

Huge headline with line break within the color box

$$\colorbox{pink}
{$\begin{matrix}\Huge\texttt{hello}\\\huge\texttt{hello}\\\Large\texttt{hello}\end{matrix}$}$$
Formula:
$$ \ colorbox
{Color code}
{ $ \ begin {
matrix} \ size \ style {word} \\
\ size \ style {word} \\
\ end {
matrix} $ } $$
Just need to copy and paste the bold line in order to add many new lines as possible

Huge headline with line break within the color box and multiple colors

$$\colorbox{pink}
{$\begin{matrix}\Huge\texttt{\color{ffffff}hello}\\\huge\texttt{\color{4231d6}hello}\\\Large\texttt{\color{red}hello}\end{matrix}$}$$
Formula:
$$ \ colorbox
{Color code}
{ $ \ begin {
matrix} \ size \ style { \ color {Color code} word} \\
\ size \ style { \ color {Color code} word} \\
\ end {
matrix} $ } $$
Just need to copy and paste the bold line in order to add many new lines
Tags: notion
Related Posts: