Components | Portage Toyota

Component Sampler

Theme Colors

#FA2A3D

brand-1-400

#EB0A1E

brand-1-500

#b80b1a

brand-1-600

#35adf2

brand-2-400

#0071B3

brand-2-500

#00639c

brand-2-600

#425368

gray-800

#373D45

gray-900

#FFFFFF

white

#000000

black

#171D23

brand-3-800

#16181C3 - DT

brand-3-900

#0A0B0D - DT

brand-3-950

Component: bnpcard

2023

Original Component

Electrified

Title One

Title Two

Variant: SRP

2023

Corolla Cross

MSRP Starting from

$22,899 + tax & lic

2023

Corolla Cross

MSRP Starting from

$22,899 + tax & lic

Component: vehicle

2026 Toyota Land Cruiser

Premium

Finance From

Lease From

Mileage

7,353 KM

VIN

Not Available

Transmission

Automatic

Drive Type

4-Wheel Drive

Engine Type

4-cylinder

Add to Garage

2026 Toyota Land Cruiser

Premium

Finance From

Lease From

Mileage

7,353 KM

VIN

Not Available

Transmission

Automatic

Drive Type

4-Wheel Drive

Engine Type

4-cylinder

2026 Toyota Land Cruiser

Premium

Finance From

Lease From

Component: vehicle (shaded)

2026 Toyota Land Cruiser

Premium

Finance From

Lease From

Mileage

7,353 KM

VIN

Not Available

Transmission

Automatic

Drive Type

4-Wheel Drive

Engine Type

4-cylinder

Add to Garage

2026 Toyota Land Cruiser

Premium

Finance From

Lease From

Mileage

7,353 KM

VIN

Not Available

Transmission

Automatic

Drive Type

4-Wheel Drive

Engine Type

4-cylinder

2026 Toyota Land Cruiser

Premium

Finance From

Lease From

Component: cta

Original Component

Cta Sub Title

Variant: Cta Icon

Cta Sub Title

Variant: Base

Base Black (Default)

Cta Sub Title

Base Brand-1

Cta Sub Title

Base Brand-2

Cta Sub Title

Sub Variant: Base Flat

Base Black (Default)

Cta Sub Title

Base Brand-Black

Cta Sub Title

Base Brand-1

Cta Sub Title

Base Brand-2

Cta Sub Title

Sub Variant: Base With Button

Base Black (Default)

Cta Sub Title

Base Brand-1

Cta Sub Title

Base Brand-2

Cta Sub Title

Variant: Stacked

Variant Stacked: Black

Cta Sub Title

Variant Stacked: Brand One

Cta Sub Title

Variant Stacked: Brand Two

Cta Sub Title

Variant Stacked: Brand White

Cta Sub Title

Variant Stacked: Postcard

Cta Sub Title

Variant Stacked: Blog

Article Title

Other Variants

Iconic Title

Variant: Lightcard

Variant: Capsule

Cta Sub Title

Component: button

Variant: brand

Variant: special-link

Variant: btn-ui

Variant: btn-ui-nav

Variant: radio-button

Variant: pill

Variant: pill (continued)

Variant: outline

Component: link

Link Text

Link small

Label Link Label

Link: link_select Link: link_select

Variant: box

Variant: main

Link: main

Component: forms

Input Element

Input: Text

Input: Text with Prepend

Input: Text with 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

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: card plain with optional divider

-- / Month

84 Months @ 6.99%

Sub-variant: card plain feature

-- / 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

Variant: basic

Feature Value

Variant: small

Feature Value

Sub-variant: small special

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

Class: card

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.

Component: popup (inside Component: button)

Popup Button

Component: callout

Base Subtitle

Callout with Panel
Callout A

Description for the Base Panel

btn-ui-1

Variant: hero

Base Subtitle

Callout with Panel
Hero Slider

Description for the Base Panel

btn-brand-1 btn-brand-2

Sub-Variant: hero classic-callout

Base Subtitle

Callout with Panel
Classic Callout

Description for the Base Panel

Callout: no-panel

Typography: text

Extra Small (textXs)

Font Weight Normal

Font Weight Medium

Font Weight Bold

Small (textSm)

Font Weight Normal

Font Weight Medium

Font Weight Bold

Base (textBase)

Font Weight Normal

Font Weight Medium

Font Weight Bold

Extra Large (textXl)

Font Weight Normal

Font Weight Medium

Font Weight Bold

Two Extra Large (text2xl)

Font Weight Normal

Font Weight Medium

Font Weight Bold

Three Extra Large (text3xl)

Weight Normal

Weight Medium

Weight Bold

Four Extra Large (text4xl)

Normal

Medium

Bold

Five Extra Large (text4xl)

Normal

Medium

Bold

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: bnpcard

$22,899 + tax & lic

$22,899 + tax & lic

Component: vehicle

Component: vehicle (shaded)

Component: cta

Variant: Base

Sub Variant: Base Flat

Sub Variant: Base With Button

Variant: Stacked

Other Variants

Component: Switch

Original Switch (uses tabs.js)

Radio Switch (uses radio)

Alternate Radio Switch (uses radio)

Toggle Switch (uses toggles.js)

Component: button

Variant: brand

Variant: special-link

Variant: btn-ui

Variant: btn-ui-nav

Variant: radio-button

Variant: pill

Variant: pill (continued)

Variant: outline

Component: link

Variant: box

Variant: main

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

Class: card

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)