Sampler (Delete Me in Prod)

Theme Colors

#FF2841

brand-1-bright

#E3173E

brand-1-prime

#A21C1D

brand-1-dark

#62C7FF

brand-2-bright

#0D9BE4

brand-2-text

#007EC0

brand-2-prime

#00447D

brand-2-dark

#FF9F40

brand-3-bright

#E38930

brand-3-text

#FF8000

brand-3-prime

#C96A0C

brand-3-dark

#707070

brand-lightGray

#4A4A4A

brand-gray

#1B1B1B

brand-black

#FFFFFF

white

#000000

black

Dark Theme

#212121

brand-3-800

#171616

brand-3-900

#080707

brand-3-950

Component: bnpcard

Original

Hybrid Available

Title One

Title Two

Variant: SRP

2023

Variant: Classic

From

MSRP Starting from

$22,899 + tax & lic

2023

Variant: Classic Banner

From

MSRP Starting from

$22,899 + tax & lic

2023

Honda Civic Type R

Variant: Advanced

From

Starting at:

$22,899 + tax & lic

Component: vehicle

Original Component

2024 Honda Civic Type R

LFWD

Variant: Classic

2023 Honda Civic Type R

LFWD

2023 Honda Civic (On Sale)

LFWD

Sub-variant: Classic Shaded

Variant: Classic Shaded

2023 Honda Civic Type R

LFWD

Variant: Classic Advanced Shaded

2023 Honda Civic Type R

LFWD

2023 Honda Civic (On Sale)

LFWD

Component: cta

Over Title

Main Title

Over Title

Brand 1

Over Title

Brand 1

Over Title

Brand 2

Over Title

Brand 2

Over Title

Brand 3

Over Title

Brand 3

Sub-Variant: flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Flat CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Flat CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Flat CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Flat CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Sub-Variant: tall

sub: tall

Main Title

sub: tall

Main Title

sub: tall

Main Title

sub: tall

Main Title

sub: tall

Main Title

sub: tall

Main Title

sub: tall

Main Title

sub: tall

Main Title

Sub-Variant: tall flat

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Main Title

Variant: Stacked

Variant Stacked

Main Title

cta_stacked-brand-2

Main Title

cta_stacked-brand-3

Main Title

cta_stacked-black

Main Title

cta_stacked-gray

Main Title

cta_stacked-white

Main Title

Sub-Variant: Tall

Variant Stacked

Class: Tall

Variant Stacked: brand-2

Class: Tall

Variant Stacked: brand-3

Class: Tall

Variant Stacked: black

Class: Tall

Variant Stacked: gray

Class: Tall

Variant Stacked: white

Class: Tall

Variant Stacked: Postcard

Main Title

Variant Stacked: Blog

Article Title

Variant: Body Type

Body Type

Other Variants

Iconic Title

Variant: Lightcard

Variant: Capsule

Cta Sub Title

Variant: Capsule

Cta Sub Title

Variant: Capsule

Cta Sub Title

Variant: Capsule

Cta Sub Title

Dealer Card Address Link 111-222-3333 View Inventory

Component: review

Original Component

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Alternate Review

Component: button

Variant: brand

Variant: btn-ui

Sub-Variant: btn-ui select

Variant: btn-outline

Variant: btn-circle

Variant: btn-ui-nav

Variant: radio-button

Variant: pill

Variant: btn-small

Component: link

Link Text

Link small

Link medium

Link large

Link XLarge

Label Link

Link: link_select Link: link_select

Link: link_select-special Link: link_select-special

Variant: box

Component: forms

Input Element

Input: Text with Prepend

Input: Text with Append

Input: Text no Prepend

Input: Text no Append

Input: Checkbox

Input: Radio

Select Element

Forms: Select:

Textarea Element

Forms: Textarea:

Macro: Tooltip

Component: accordion

Variant: accordion styled

Accordion Styled

Feature List Item One
Feature List Item Two
Feature List Item Three
Feature List Item Four
Feature List Item Five
Feature List Item Six

Macro: address & department phones

2040 Street Rd , Anytown , ON , A1A 1A1

Department Name

999-111-2345

999-111-2346

999-111-2347

Component: payment

Finance from

-- / Month

Variant: card

-- / Month

84 Months @ 6.99%

Sub-variant: payment-card-plain

-- / Month

84 Months @ 6.99%

Variant: Advanced

-- /Month

84 Months @

6.99%

Macro: priceItem

Dealer Price

$45,678.00 plus tax & fees

Seasonal Discount

- $6,000.00 class: focused

Component: feature

Feature Name

Feature Value

Feature Special

Feature Value

Variant: small

Feature Value

Sub-variant: small special

Feature Value

Variant: basic

Feature Value

Variant: special basic

Feature Value

Variant: basic small

Feature Value

Variant: special basic small

Feature Value

Variant: classic

Feature Value

Sub-variant: classic special

Feature Value

Variant: classic table

Body Style

Pickup Truck

Fuel Type

Gasoline

Doors

4-Door

Transmission

Automatic

Component: popup (inside Component: button)

Popup Button

Component: callout

Callout with Panel
Callout

+Base Subtitle

Description for the Base Panel. A Bit of a longer description than usual.

btn-brand-1 btn-outline-ui-0

Callout with Panel
Callout - Splay Right

+Base Subtitle

Description for the Base Panel. A Bit of a longer description than usual. Let us make this one very long that way we can see how it wraps to the next line

btn-brand-1 btn-outline-ui-0

Variant: hero

Callout with Panel
Hero Slider

+Base Subtitle

Description for the Base Panel

btn-brand-1 btn-brand-2

Sub-Variant: hero classic-callout

Callout with Panel
Classic Callout

No Bars

Description for the Base Panel

Cookie	Duration	Description
cookielawinfo-checkbox-advertisement	1 year	Set by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
CookieLawInfoConsent	1 year	Records the default button state of the corresponding category & the status of CCPA. It works only in coordination with the primary cookie.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
XSRF-TOKEN	1 day	This cookie is set by Wix and is used for security purposes.

Cookie	Duration	Description
_ga	2 years	The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_gat	1 minute	This cookie is installed by Google Universal Analytics to restrain request rate and thus limit the collection of data on high traffic sites.
_gid	1 day	Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
ad-id	8 months 26 days	The ad-id cookie is provided by Amazon Advertising for tallying user actions by tracking ad clicks on other websites, to provide targeted content.
AMCV_EFD95E09512D2A8E0A490D4DAdobeOrg	2 years	This cookie, set by Adobe Marketing Cloud, stores a unique ID to identify a unique visitor.
AMCVS_EFD95E09512D2A8E0A490D4DAdobeOrg	session	This cookie, set by Adobe Marketing Cloud, stores a unique ID to identify a unique visitor.
at_check	session	No description available.
demdex	5 months 27 days	The demdex cookie, set under the domain demdex.net, is used by Adobe Audience Manager to help identify a unique visitor across domains.
dextp	5 months 27 days	Audience Manager sets this cookie to record when the last data synchronization call was made.
fv_entpg	1 year	No description available.
fv_v1_v10	1 year	No description available.
fv_v31_v40	1 year	No description available.
fv_v54	1 year	No description available.
mbox	1 hour	This is an Adobe Target cookie that collects data on the user's website usage. This data is then used to evaluate the results of A/B perfomance tests that are run on the site.
s_cc	session	This cookie is set by Adobe Analytics to determine if cookies are enabled or not.
s_ecid	2 years	Adobe installs this cookie to allow persistent ID tracking in the 1st party state and is used as a reference ID if the AMCV cookie has expired.
s_p_s_prop8	session	No description available.
stage_wp_Toyota_boilerplate_session	1 day	No description
t3website	3 years	No description available.
Toyota!mboxPC	2 years 1 day	No description
Toyota!mboxSession	1 hour	No description
v_starting	30 minutes	No description available.

Cookie	Duration	Description
ad-privacy	5 years 2 months 26 days	Provided by amazon-adsystem to make advertising messages more relevant to the users and their interests.
bkpa	6 months 1 day	Set by Bluekai, this cookie stores anonymized data about the users' web usage in an aggregate form to build a profile for targeted advertising.
bku	6 months 1 day	Bluekai uses this cookie to build an anonymous user profile with data like the user's online behaviour and interests.
dpm	5 months 27 days	The dpm cookie, set under the Demdex domain, assigns a unique ID to each visiting user, hence allowing third-party advertisers to target these users with relevant ads.
IDE	1 year 24 days	Google DoubleClick IDE cookies are used to store information about how the user uses the website to present them with relevant ads and according to the user profile.
test_cookie	15 minutes	The test_cookie is set by doubleclick.net and is used to determine if the user's browser supports cookies.

Cookie	Duration	Description
test	session	No description available.
winsight	1 hour 12 minutes	No description available.

Cookie	Duration	Description
_ga	2 years	The _ga cookie, installed by Google Analytics, calculates visitor, session and campaign data and also keeps track of site usage for the site's analytics report. The cookie stores information anonymously and assigns a randomly generated number to recognize unique visitors.
_gat	1 minute	This cookie is installed by Google Universal Analytics to restrain request rate and thus limit the collection of data on high traffic sites.
_gid	1 day	Installed by Google Analytics, _gid cookie stores information on how visitors use a website, while also creating an analytics report of the website's performance. Some of the data that are collected include the number of visitors, their source, and the pages they visit anonymously.
ad-id	8 months 26 days	The ad-id cookie is provided by Amazon Advertising for tallying user actions by tracking ad clicks on other websites, to provide targeted content.
AMCV_EFD95E09512D2A8E0A490D4DAdobeOrg	2 years	This cookie, set by Adobe Marketing Cloud, stores a unique ID to identify a unique visitor.
AMCVS_EFD95E09512D2A8E0A490D4DAdobeOrg	session	This cookie, set by Adobe Marketing Cloud, stores a unique ID to identify a unique visitor.
at_check	session	No description available.
demdex	5 months 27 days	The demdex cookie, set under the domain demdex.net, is used by Adobe Audience Manager to help identify a unique visitor across domains.
dextp	5 months 27 days	Audience Manager sets this cookie to record when the last data synchronization call was made.
fv_entpg	1 year	No description available.
fv_v1_v10	1 year	No description available.
fv_v31_v40	1 year	No description available.
fv_v54	1 year	No description available.
mbox	1 hour	This is an Adobe Target cookie that collects data on the user's website usage. This data is then used to evaluate the results of A/B perfomance tests that are run on the site.
s_cc	session	This cookie is set by Adobe Analytics to determine if cookies are enabled or not.
s_ecid	2 years	Adobe installs this cookie to allow persistent ID tracking in the 1st party state and is used as a reference ID if the AMCV cookie has expired.
s_p_s_prop8	session	No description available.
stage_wp_Toyota_boilerplate_session	1 day	No description
t3website	3 years	No description available.
Toyota!mboxPC	2 years 1 day	No description
Toyota!mboxSession	1 hour	No description
v_starting	30 minutes	No description available.

Theme Colors

Component: Switch

Original Switch (uses tabs.js)

Radio Switch (uses radio)

Alternate Radio Switch (uses radio)

Toggle Switch (uses toggles.js)

Component: bnpcard

Component: vehicle

Sub-variant: Classic Shaded

Component: cta

Sub-Variant: flat

Sub-Variant: tall

Sub-Variant: tall flat

Variant: Stacked

Sub-Variant: Tall

Variant: Body Type

Other Variants

Component: review

Component: button

Variant: brand

Variant: btn-ui

Sub-Variant: btn-ui select

Variant: btn-outline

Variant: btn-circle

Variant: btn-ui-nav

Variant: radio-button

Variant: pill

Variant: btn-small

Component: link

Variant: box

Variant: brand

Variant: main

Variant: crumb

Component: forms

Input Element

Select Element

Textarea Element

Macro: Tooltip

Component: accordion

Variant: accordion styled

Macro: address & department phones

Component: payment

Macro: priceItem

Component: feature

Variant: classic

Variant: classic table

Component: popup (inside Component: button)

Popup Content

Component: callout

Variant: hero

Sub-Variant: hero classic-callout

Callout: no-panel

Typography: text

Extra Small (textXs)

Small (textSm)

Base (textBase)

Extra Large (textXl)

Two Extra Large (text2xl)

Three Extra Large (text3xl)

Four Extra Large (text4xl)

Five Extra Large (text4xl)

Basic Card

card-small

Borders, Lines & Accents

Theme Border

Theme Border Gray

Theme Border Dark

Theme Border Medium

Theme Border Light

Theme Border Accent

Theme Border Warning

Theme Divider

Theme Line Accent

Theme Bar

Theme Bar Rounded

Theme Dot

Overlay - Default

Overlay - Medium

Overlay - Heavy

Overlay - Flat