Framework

Global Presets UI Style Guide

01. Color palette

#FFFFFF

#f4f4f4

#3f4043

#181a1f

#000000

#e12128

#F9F9F9

#f4f4f4

#3f4043

#000000

02. Text styles

Primary

Heading 1

Preset: H1

Tesla Training Center

Preset: H1 White

Tesla Training Center

Heading 2

Preset: H2 Black

Tesla Training Center

Preset: H2 White

Tesla Training Center

Heading 3

Preset: H3 Black

Tesla Training Center

Preset: H3 White

Tesla Training Center

Heading 4

Preset: H4 Black

Tesla Training Center

Preset: H4 White

Tesla Training Center

Body

Preset: Body Black

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Preset: Body White

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

List

Preset: List

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

Preset: List White

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

03. Modules

Primary

Secondary

Tertiary

Blurb

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

 

1.99 S*            396 mi                  1,020 hp

0-60 mph                          Range (EPA est.)                             Peak Power

Email optin

Contact form

Image

Call to action

Plaid Test Drive

Your content goes here

Plaid Test Drive

Your content goes here

Divider

HYPERLINKS

Tesla Training Center

Tesla Training Center

Tesla Training Center

Person

Name Goes Here

Name Goes Here

Position

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Social Media Follow

Toggle

YOUR TITLE GOES HERE

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

YOUR TITLE GOES HERE

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Testimonial

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Name Goes Here

Accordion

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

04. Icons

PACKAGE ICONS

TEST DRIVE

SUPER PERFORMANCE

DRIVING LESSONS

FULL SELF DRIVING COURSE

Shopping cart
There are no products in the cart!
Continue shopping
0