02

Color Palettes

N{1-8}
Neutral Colors
Set color swatches to be "global," so that if you edit them in one place, they update across your whole site wherever they appear. It's like symbols, but for color.
N1
#0000
N2
#1a1a1a
N3
#3f3f3f
N4
#808080
N5
#c2c2c2
N6
#555966
N7
#f1f1f1
N8
#ffffff
G{1-4}
Gradient Background
G1
#e6f2ff → #ffe5e5
G2
#e5ffe5 #e5fffd
G3
#fff2e5 #ffe5ff
G4
#e6f2ff #e9e5ff
C{1-4}
Primary Colors
CR
#02d9d9
CO
#2e3341
CY
#00bdba
CG
#29a63e
C{5-9}
Secondary Colors
LR
#ffe5e5
LO
#fff2e5
LY
#ffffe5
LG
#e5ffe5
05

Headings

H1  
Size: 52px

Heading 1

Heading 1 - text
H2  
Size: 32px

Heading 2

Heading 2 - Text
H3 
Size: 24px

Heading 3

Heading 3 - Text
H4
Size: 20px

Heading 4

Heading 4 - Text
H5 
Size: 22px
Heading 5
Heading 5 - Text
H6
Size: 18px
Heading 6
Heading 6 - Text
07

Paragraphs

Paragraph 10px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod est tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimego veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex each ab commodo divad consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph 12px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod est tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minimego veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex each ab commodo divad consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Paragraph 15px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad miniatom veniam, quis nostrud exercitt cupidatat non proident,  in culpa qui officia deserunt mollit anim id est laborum.
Paragraph 20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim adim veniam, quids nostrud exercitation cupidatat non proident, sunt in culpa qui offici deserunt mollit anim id est laborum.
Paragraph 24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt Excepteur sint occaecat cupidatat non proident, inta caulpa qui officia deserunt mollit anim id est laborum.
Paragraph 28px
Lorem ipsum dolor sit amet, consectetur adipiscing, sedowip dolore eiusmod tempor incididunt ut labore etdolore magna aliqua. Apac excepteur sint occaecat, sunt in tango. Excepteur sint occaecat cupidatat proident.
Paragraph 36px
Lorem ipsum dolor sit amet, consectetur adipiscing, sedowip dolore eiusmod tempor incididunt ut labore etdolore magna aliqua. Apac excepteur sint occaecat, sunt in tango.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo mi luctus tincidunt dignissim. Donec suscipit, est pretium bibendum pellentesque, sapien ex sodales mauris, at pharetra dui ex sit amet lectus. In volutpat interdum imperdiet. Sed faucibus dapibus aliquet. Nullam quis finibus ante, non semper massa. Vestibulum vel eros nisl.

Aenean cursus consequat odio a sollicitudin. Proin eu lacus vitae odio porttitor aliquam nec nec elit. Donec pellentesque enim ac libero lobortis pellentesque.

Nam tempor, lacus ut dignissim sagittis, est ligula posuere justo, id laoreet ligula lacus semper lacus. Pellentesque porttitor odio ex, ac laoreet est gravida non. Donec eget convallis dolor, non rutrum lectus. Aenean volutpat dapibus dignissim. Nullam at lacus vel est posuere aliquet a ac metus. Quisque quis tempor purus. Vestibulum at tellus quis leo condimentum pellentesque eget vitae ante. Suspendisse potenti. Sed ligula tortor, facilisis sit amet fermentum vitae, porta eu eros. Vivamus dictum eros quis placerat consequat.

Maecenas in ultricies ex. Suspendisse a mauris in risus hendrerit maximus non in arcu. Maecenas venenatis sodales elit ut iaculis. Nunc quis eros commodo, viverra leo sed, tincidunt urna. Morbi dolor leo, volutpat in semper non, congue eu sem. Ut massa eros, imperdiet nec convallis quis, facilisis eleifend libero. Suspendisse potenti.

Nulla facilisi. Phasellus eu ultrices orci. Aenean condimentum imperdiet augue, sit amet porttitor ipsum gravida ut. Aliquam auctor ligula ut nisi malesuada tempus. Fusce tempus venenatis sagittis. Vestibulum ac quam tristique, ullamcorper odio at, posuere nisl. Fusce sit amet magna at risus rhoncus egestas sit amet non lacus. Sed non eros pharetra turpis pretium euismod. Pellentesque eget tristique erat. Sed magna leo, consectetur vel posuere et, porttitor vitae tortor.

  1. Early Actions For Our Climate

    In January 2019, Nakate started a lone strike against inaction on our climate crisis. She protested independently outside the Parliament of Uganda's gates for several long months. Finally, other youth started to respond to this woman's calls on social media platforms for other individuals to help create awareness of the plight of the Congolian rainforests. She also became the founder of Youth for Future Africa and the Africa-based Rise Up Movement.
  2. Nakate's Awards

    For her fantastic contributions to our planet, Nakate earned the Haub Law Environmental Award in 2021, recognizing her citizen diplomacy in raising the voice of her young generation to worldwide environmental campaigns and the inspiration of activism she emitted concerning the climate. More recently, in 2022, this inspirational woman won the inaugural Helmut-Schmidt-Future-Prize for her responsible actions concerning climate justice.

Rich Text Styling

I was selling stuff probably since I could remember, like 6 or 7 years old. I was always out there helping my mom and dad sell watches, glasses, CDs, DVDs, stuff like that. Whatever we could put our hands on. I did it until I was around 17. But I was just doing it because I had to. There was no other option. Blow the dust off the clock. Your watches are behind the times. Throw open the heavy curtains which are so dear to you - you do not even suspect that the day has already dawned outside.

New Digital Performance

I have a large watch collection, and classic watches are especially important to me. I had a silver Rolex, and I actually gave it to my little brother. He wears it every day. He's an actor, so whenever he goes to an audition, he can look down, see it, and it gives him confidence. It was a great thing to pass on.

When we are fearful and worried all the time, we are living as if we don't believe that we have a strong and able Shepherd who is tenderhearted toward us, who only leads us to good places, who protects us and lovingly watches over us.

Simple & Efficient

Ever since the end of Medieval feudalism, and the writings of John Locke, we have understood the importance of being able to buy and sell one's own property, including books and watches, both for reasons of economics and liberty. OCD about downloading my runs no matter where I go. I used it on an 18-mile run in Paris, a 12-miler in the mountains of Montana, a couple of runs in the Bahamas. Wherever I am, I try to run. That's what's so great about it.

The first rule of any technology used in a business is that automation applied to an efficient operation will magnify the efficiency. The second is that automation applied to an inefficient operation will magnify the inefficiency.

I think that just because the show is titled 'Awkward Black Girl' and it is a predominantly black cast doesn't mean that you shouldn't be able to relate to these people. We're all human beings. We all essentially go through the same things when it comes down to it, so I don't I think that should limit who watches it.

Template Features:

  • Beautifully Designed
  • Fully Responsive
  • CMS Content
  • Smooth Interactions

I think that just because the show is titled 'Awkward Black Girl' and it is a predominantly black cast doesn't mean that you shouldn't be able to relate to these people. We're all human beings. We all essentially go through the same things when it comes down to it, so I don't I think that should limit who watches it.

Perfect Template for Creative People

Now we live in this DVD, iTunes, Hulu age, and show creators and networks are realizing that and letting shows develop on those terms rather than 'We gotta just punch it week to week, man.' Now they're like, 'What will happen if someone watches the entire show?'

Template Features:
  1. Beautifully Designed
  2. Fully Responsive
  3. CMS Content
  4. Smooth Interactions

Now that I have a daughter, I've been thinking about how I'll define beauty to her. I watched a video of Kendall when she was three, and she was putting on makeup. I don't know how I feel about that. But my daughter already watches me do it. When do you let them start wearing it? I don't know yet.

09

Buttons

Button
Primary
Button 2
Primary Icon
Button 3
Secondary
Button 4
Secondary Icon
Button W
White Primary
Button W2
White Icon
Button W3
White Secondary
Button W4
White Icon

A

Align Text
AC
AL
AR

Align Center
Align Left
Align Right

Button #

Buttons
Button
Button-icon
Button -secondary
Button-text

Button W
Button W2
Button W3
Button W4
Primary
Primary+Icon
Secondary Ol.
Secondary+Icon Ol.

White Primary
White Primary+Icon Ol.
White Secondary Ol.
White Secondary+Icon Ol.

C{R-P}

Colored Backgrounds
CR
CO
CY
CG
CC
CB
CPP
CP
Red
Orange
Yellow
Green
Cyan
Blue
Purple
Pink

Card #

Card Variants
Card
Card 2
Card 3
Card 4

Default
No Pad
No T/B Pad
No L/R Pad

Container #

Container
Container
Container 940px
Container 1280px
Container 1440px
Container 1920px
Default Preference
940px
1280px
Square Ol.
Round Ol.

D{Size}

Displays
Text 6xL
Text 5xL
Text 4xL
Display Text 92px
Display Large 78px
Display Small 66px

F

Flex
FH
FV
Flex Horizontal
Flex Vertical

G1-4

Gradient Backgrounds
G1
G2
G3
G4
Gradient 1
Gradient 2
Gradient 3
Gradient 4

H1-6

Headings
H1
H2
H3
H4
H5
H6
Heading 1
Heading 2
Heading 4
Heading 5
Heading 6
Heading 7

100110

Hax

Hide

Hide Element
Hide

Hide Element

Invert

Invert Filter
Invert

Invert Element

Link #

Links
Link 1
Link 2
Link 3
Link 4

Link W
Link W2
Link W3
Link W4
Arrow
Underline Reveal
Underline Retract
Dash Reveal

White Arrow
White UL Reveal
White UL Retract
White Dash Reveal

L{R-P}

Light Colors
LR
LO
LY
LG
LC
LB
LPP
LP
Lt. Red
Lt. Orange
Lt. Yellow
Lt. Green
Lt. Cyan
Lt. Blue
Lt. Purple
Lt. Pink

N{1-8}

Neutral Backgrounds
N1
N2
N3
N4
N5
N6
N7
N8
Black
Lt. Black
Dk. Grey
Grey
Lt. Grey
Dk. White
Lt. White
White

P{Size}

Paragraphs
PXS
PS
PM
PL
PXL
PXXL

Extra Small
Small
Medium
Large
Extra Large
Extra Extra Large

T{Size}

Text Blocks
TXS
TS
TM
TL
TXL
TXXL
Extra Small
Small
Medium
Large
Extra Large
Extra Extra Large

T{R-P}

Text Colors
TR
TO
TY
TG
TC
TB
TPP
TP
Red
Orange
Yellow
Green
Cyan
Blue
Purple
Pink

T{1-8}

Text Neutrals
T1
T2
T3
T4
T5
T6
T7
T8
Black
Lt. Black
Dk. Grey
Grey
Lt. Grey
Dk. White
Lt. White
White

Margin

Margin direction
Margin-4px
margin-left4px
margin-right4px
margin-top4px
margin-bottom4px
Margin X
Margin Y
margin-xxsmall
margin-xsmall
margin-small
margin-medium
margin-large
Margin Left + Right (X Axis)
margin Top + Bottom (Y

Grid

Grid Layout
Grid-1
Grid-2
Grid-3
Grid-4
Grid-5
Grid-2 Col align center
Grid-2 Col align Left

Grid 1 Column
Grid 2 Column
Grid 3 Columns
Grid 4 Columns
Grid 5 Columns
Grid 2 Columns Center
Grid 2 Columns Align Left

Wrap

Wrap
Wrap
Flex row
Flex row reversed
Flex align center
Flex align left


Wrap Element
Div flex row
Div row inverted columns
Div columns align center
Div align left