Elevation

Spokeo uses elevation styles to create distance between an object and the surface behind it. Separation can be applied in different colors and can be bidirectional.

Table of Contents

Overview

Shadow Styles

Spokeo uses a 4px base for its blur, ranging from 4px-24px. The y-axis ranges from -8 to 12px. The opacity is fixed at 12%.

Small

Medium

Medium Inverted

Large

Grey

Small

spk.shadow.small.grey

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.grey

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.grey

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.grey

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Blue

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.blue

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.blue

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.blue

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Teal

Medium

spk.shadow.medium.teal

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Usage

Sizes

Elevation creates visual hierarchy and communicates the relative importance and interactive state of UI elements by simulating depth.

12dp

8dp

4dp

0

-4dp

-8dp

-12dp

Large

Medium-Inverted

Medium

Small

Depicting Elevation

Elevation can be illustrated through shadows or various visual hints, like surface fills that show a subtle tone difference or delicate scrims.

Surface-container

Surface-container

Default-Grey/Medium

Multiple Surface Containers

Two overlapping surfaces with the same tonal values separated via shadow

background

Surface-container

Background and Surface Containers

Two overlapping surfaces with distinct tonal values

Surface-container

Overlay

Surface-container

Multiple Surface Containers with Overlay

Two overlapping surfaces with the same tonal values separated via overlay

Best Practices

Personal Interests

Information based on household and collected by companies and events for marketing usage.

Classical music

Traveling

Sports memorabilia

Health and fitness

Camping

Basketball

View more

Do: Use a 1px border when the card element is at the lowest level of elevation.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Do: Use small grey shadows for cards on neutral surfaces.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Use large shadows for cards that are in close proximity. They will cast shadows on top of nearby elements.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Mix and match shadows within the same section container.

Do: Use a medium shadow for global header.

Button

Do: Use a medium shadow for button hover states.

Button

Don’t: Use a medium inverted shadow for button hover states.

Button

Do: Pair teal shadows with teal colored buttons.

Button

Don’t: Pair blue shadows with teal colored buttons.

This page contains both regulated and public

data.

Regulated Data

5 Results

You searched for:

Kimberly Hester

(202) 120-0090

***-**-9238 (SSN)

678 Main Street, Springfield KY 20229

Modify Search

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

Best Match

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Spokeo

People Search

Reverse Phone Lookup

Reverse Email Lookup

Reverse Address Lookup

Spokeo for Business

Business Home

Collections

Real Estate

Law Enforcement

Help

Contact Us

Help Center

Terms

Privacy Policy

Do Not Sell My Info

Company

About

Careers

Affiliates

Blog

Product

Spokeo is not a consumer reporting agency as defined by the Fair Credit Reporting Act (FCRA). Do not use this site to make decisions about employment, tenant screening, or any purpose covered by the FCRA.

© 2023 Spokeo

Close

Sort by

Relevance

Age (Ascending)

Age (Descending)

First name A to Z

First name Z to A

Do: Use an inverted shadow on bottom sticky menus and lists.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Do: Use blue shadows against blue themed surface colors.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Don’t: Use blue shadows against non-blue themed surface colors.

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone:

(232) 123-1234

(202) 120-0090

+ 3 more

Email:

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social:

kim.hester

khester1

+ 4 more

Show More Details

Sort by

Relevance

Age (Ascending)

Age (Descending)

First Name (A to Z)

First Name (Z to A)

Do: Use large shadows for dropdown menus.

Welcome to Spokeo for Business

Take our quick guided tour to learn how to search over 250 million profiles containing 300+ attributes.

Dismiss

OK

Do: Use a large shadow for dialogs.

Family

(6)

We found 6 relatives for Matthew.

W

The Washington Family

6 Relatives Found

KB

Andrea Chi Tang, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

KB

Kelly Byerly, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

View 4 More Family Members

Don’t: Use large shadows for lower elevation elements.

Tokens

Shadows

Size

Color

System Token

Usage

Value

Small

Grey

spk.shadow.small.grey

Cards

0px

Medium

Grey

spk.shadow.medium.grey

Buttons, list, view, hover

4px

Medium-inverted

Grey

spk.shadow.medium.inverted.grey

Bottom sticky menu

8px

Large

Grey

spk.shadow.large.grey

Dropdown, overlay, marketing promos

12px

Small

Blue

spk.shadow.small.blue

Cards

0px

Medium

Blue

spk.shadow.medium.blue

List, view, hover

4px

Medium-inverted

Blue

spk.shadow.medium.inverted.blue

Bottom sticky menu

8px

Large

Blue

spk.shadow.large.blue

Dropdown, overlay, marketing promos

12px

Medium

Teal

spk.shadow.medium.teal

Primary buttons

4px

Changelog

Date

Update Type

Notes

Nov 17, 2025

Updated

Updated guidelines and usage.

Related

Surfaces

Learn more about surface tokens and usage here.

For Designers

For Developers

For Content Writers

Contact Us

Terms

Privacy Policy

Copyright © 2006-2025 Spokeo, Inc.

Elevation

Spokeo uses elevation styles to create distance between an object and the surface behind it. Separation can be applied in different colors and can be bidirectional.

Table of Contents

Overview

Shadow Styles

Spokeo uses a 4px base for its blur, ranging from 4px-24px. The y-axis ranges from -8 to 12px. The opacity is fixed at 12%.

Small

Medium

Medium Inverted

Large

Grey

Small

spk.shadow.small.grey

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.grey

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.grey

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.grey

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Blue

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.blue

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.blue

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.blue

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Teal

Medium

spk.shadow.medium.teal

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Usage

Sizes

Elevation creates visual hierarchy and communicates the relative importance and interactive state of UI elements by simulating depth.

12dp

8dp

4dp

0

-4dp

-8dp

-12dp

Large

Medium-Inverted

Medium

Small

Depicting Elevation

Elevation can be illustrated through shadows or various visual hints, like surface fills that show a subtle tone difference or delicate scrims.

Surface-container

Surface-container

Default-Grey/Medium

Multiple Surface Containers

Two overlapping surfaces with the same tonal values separated via shadow

background

Surface-container

Background and Surface Containers

Two overlapping surfaces with distinct tonal values

Surface-container

Overlay

Surface-container

Multiple Surface Containers with Overlay

Two overlapping surfaces with the same tonal values separated via overlay

Best Practices

Personal Interests

Information based on household and collected by companies and events for marketing usage.

Classical music

Traveling

Sports memorabilia

Health and fitness

Camping

Basketball

View more

Do: Use a 1px border when the card element is at the lowest level of elevation.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Do: Use small grey shadows for cards on neutral surfaces.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Use large shadows for cards that are in close proximity. They will cast shadows on top of nearby elements.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Mix and match shadows within the same section container.

Do: Use a medium shadow for global header.

Button

Do: Use a medium shadow for button hover states.

Button

Don’t: Use a medium inverted shadow for button hover states.

Button

Do: Pair teal shadows with teal colored buttons.

Button

Don’t: Pair blue shadows with teal colored buttons.

This page contains both regulated and public

data.

Regulated Data

5 Results

You searched for:

Kimberly Hester

(202) 120-0090

***-**-9238 (SSN)

678 Main Street, Springfield KY 20229

Modify Search

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

Best Match

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Spokeo

People Search

Reverse Phone Lookup

Reverse Email Lookup

Reverse Address Lookup

Spokeo for Business

Business Home

Collections

Real Estate

Law Enforcement

Help

Contact Us

Help Center

Terms

Privacy Policy

Do Not Sell My Info

Company

About

Careers

Affiliates

Blog

Product

Spokeo is not a consumer reporting agency as defined by the Fair Credit Reporting Act (FCRA). Do not use this site to make decisions about employment, tenant screening, or any purpose covered by the FCRA.

© 2023 Spokeo

Close

Sort by

Relevance

Age (Ascending)

Age (Descending)

First name A to Z

First name Z to A

Do: Use an inverted shadow on bottom sticky menus and lists.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Do: Use blue shadows against blue themed surface colors.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Don’t: Use blue shadows against non-blue themed surface colors.

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

Phone:

(232) 123-1234

(202) 120-0090

+ 3 more

Email:

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social:

kim.hester

khester1

+ 4 more

Show More Details

Sort by

Relevance

Age (Ascending)

Age (Descending)

First Name (A to Z)

First Name (Z to A)

Do: Use large shadows for dropdown menus.

Welcome to Spokeo for Business

Take our quick guided tour to learn how to search over 250 million profiles containing 300+ attributes.

Dismiss

OK

Do: Use a large shadow for dialogs.

Family

(6)

We found 6 relatives for Matthew.

W

The Washington Family

6 Relatives Found

KB

Andrea Chi Tang, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

KB

Kelly Byerly, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

View 4 More Family Members

Don’t: Use large shadows for lower elevation elements.

Tokens

Shadows

Size

Color

System Token

Usage

Value

Small

Grey

spk.shadow.small.grey

Cards

0px

Medium

Grey

spk.shadow.medium.grey

Buttons, list, view, hover

4px

Medium-inverted

Grey

spk.shadow.medium.inverted.grey

Bottom sticky menu

8px

Large

Grey

spk.shadow.large.grey

Dropdown, overlay, marketing promos

12px

Small

Blue

spk.shadow.small.blue

Cards

0px

Medium

Blue

spk.shadow.medium.blue

List, view, hover

4px

Medium-inverted

Blue

spk.shadow.medium.inverted.blue

Bottom sticky menu

8px

Large

Blue

spk.shadow.large.blue

Dropdown, overlay, marketing promos

12px

Medium

Teal

spk.shadow.medium.teal

Primary buttons

4px

Changelog

Date

Update Type

Notes

Nov 17, 2025

Updated

Updated guidelines and usage.

Related

Surfaces

Learn more about surface tokens and usage here.

For Designers

For Developers

For Content Writers

Contact Us

Terms

Privacy Policy

Copyright © 2006-2025 Spokeo, Inc.

Get Started

Brand

Foundations

Components

Patterns

Tokens

Content

Resources

Elevation

Spokeo uses elevation styles to create distance between an object and the surface behind it. Separation can be applied in different colors and can be bidirectional.

Table of Contents

Overview

Shadow Styles

Spokeo uses a 4px base for its blur, ranging from 4px-24px. The y-axis ranges from -8 to 12px. The opacity is fixed at 12%.

Small

Medium

Medium Inverted

Large

Grey

Small

spk.shadow.small.grey

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.grey

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.grey

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.grey

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Blue

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.blue

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.blue

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.blue

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Teal

Medium

spk.shadow.medium.teal

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Usage

Sizes

Elevation creates visual hierarchy and communicates the relative importance and interactive state of UI elements by simulating depth.

12dp

8dp

4dp

0

-4dp

-8dp

-12dp

Large

Medium-Inverted

Medium

Small

Depicting Elevation

Elevation can be illustrated through shadows or various visual hints, like surface fills that show a subtle tone difference or delicate scrims.

Surface-container

Surface-container

Default-Grey/Medium

Multiple Surface Containers

Two overlapping surfaces with the same tonal values separated via shadow

background

Surface-container

Background and Surface Containers

Two overlapping surfaces with distinct tonal values

Surface-container

Overlay

Surface-container

Multiple Surface Containers with Overlay

Two overlapping surfaces with the same tonal values separated via overlay

Best Practices

Personal Interests

Information based on household and collected by companies and events for marketing usage.

Classical music

Traveling

Sports memorabilia

Health and fitness

Camping

Basketball

View more

Do: Use a 1px border when the card element is at the lowest level of elevation.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Do: Use small grey shadows for cards on neutral surfaces.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Use large shadows for cards that are in close proximity. They will cast shadows on top of nearby elements.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Mix and match shadows within the same section container.

Do: Use a medium shadow for global header.

Button

Do: Use a medium shadow for button hover states.

Button

Don’t: Use a medium inverted shadow for button hover states.

Button

Do: Pair teal shadows with teal colored buttons.

Button

Don’t: Pair blue shadows with teal colored buttons.

This page contains both regulated and public

data.

Regulated Data

5 Results

You searched for:

Kimberly Hester

(202) 120-0090

***-**-9238 (SSN)

678 Main Street, Springfield KY 20229

Modify Search

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

Best Match

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Spokeo

People Search

Reverse Phone Lookup

Reverse Email Lookup

Reverse Address Lookup

Spokeo for Business

Business Home

Collections

Real Estate

Law Enforcement

Help

Contact Us

Help Center

Terms

Privacy Policy

Do Not Sell My Info

Company

About

Careers

Affiliates

Blog

Product

Spokeo is not a consumer reporting agency as defined by the Fair Credit Reporting Act (FCRA). Do not use this site to make decisions about employment, tenant screening, or any purpose covered by the FCRA.

© 2023 Spokeo

Close

Sort by

Relevance

Age (Ascending)

Age (Descending)

First name A to Z

First name Z to A

Do: Use an inverted shadow on bottom sticky menus and lists.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Do: Use blue shadows against blue themed surface colors.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Don’t: Use blue shadows against non-blue themed surface colors.

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

***-**-9238 (Show SSN)

DOB:

01/19/1999

DOD:

03/12/2022

Phone (4)

(232) 123-1234

08/2018 - Current • PT • W

(202) 120-0090

03/2015 - 09/2020 • PT • W

+ 2 more phones

Email (4)

kester@gmail.com

08/2018 - Current • W

+ 3 more emails

Addresses (3)

678 Main Street, Springfield KY 20229

08/2018 - Current

+2 more addresses

Social (5)

kim.hester

khester1

+3 more social accounts

Show More Details

Sort by

Relevance

Age (Ascending)

Age (Descending)

First Name (A to Z)

First Name (Z to A)

Do: Use large shadows for dropdown menus.

Welcome to Spokeo for Business

Take our quick guided tour to learn how to search over 250 million profiles containing 300+ attributes.

Dismiss

OK

Do: Use a large shadow for dialogs.

Family

(6)

We found 6 relatives for Matthew.

W

The Washington Family

6 Relatives Found

KB

Andrea Chi Tang, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

KB

Kelly Byerly, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

View 4 More Family Members

Don’t: Use large shadows for lower elevation elements.

Tokens

Shadows

Size

Color

System Token

Usage

Value

Small

Grey

spk.shadow.small.grey

Cards

0px

Medium

Grey

spk.shadow.medium.grey

Buttons, list, view, hover

4px

Medium-inverted

Grey

spk.shadow.medium.inverted.grey

Bottom sticky menu

8px

Large

Grey

spk.shadow.large.grey

Dropdown, overlay, marketing promos

12px

Small

Blue

spk.shadow.small.blue

Cards

0px

Medium

Blue

spk.shadow.medium.blue

List, view, hover

4px

Medium-inverted

Blue

spk.shadow.medium.inverted.blue

Bottom sticky menu

8px

Large

Blue

spk.shadow.large.blue

Dropdown, overlay, marketing promos

12px

Medium

Teal

spk.shadow.medium.teal

Primary buttons

4px

Changelog

Date

Update Type

Notes

Nov 17, 2025

Updated

Updated guidelines and usage.

Related

Surfaces

Learn more about surface tokens and usage here.

For Designers

For Developers

For Content Writers

Contact Us

Terms

Privacy Policy

Copyright © 2006-2025 Spokeo, Inc.

Get Started

Brand

Foundations

Components

Patterns

Tokens

Content

Resources

Elevation

Spokeo uses elevation styles to create distance between an object and the surface behind it. Separation can be applied in different colors and can be bidirectional.

Table of Contents

Overview

Shadow Styles

Spokeo uses a 4px base for its blur, ranging from 4px-24px. The y-axis ranges from -8 to 12px. The opacity is fixed at 12%.

Small

Medium

Medium Inverted

Large

Grey

Small

spk.shadow.small.grey

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.grey

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.grey

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.grey

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Blue

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium

spk.shadow.medium.blue

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Medium-inverted

spk.shadow.medium.inverted.blue

Blur:

16px

Y-Axis:

-8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Large

spk.shadow.large.blue

Blur:

24px

Y-Axis:

12px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Teal

Medium

spk.shadow.medium.teal

Blur:

16px

Y-Axis:

8px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Small

spk.shadow.small.blue

Blur:

4px

Y-Axis:

2px

Opacity:

12%

Blur:

2px

Y-Axis:

0px

Opacity:

12%

Usage

Sizes

Elevation creates visual hierarchy and communicates the relative importance and interactive state of UI elements by simulating depth.

12dp

8dp

4dp

0

-4dp

-8dp

-12dp

Large

Medium-Inverted

Medium

Small

Depicting Elevation

Elevation can be illustrated through shadows or various visual hints, like surface fills that show a subtle tone difference or delicate scrims.

Surface-container

Surface-container

Default-Grey/Medium

Multiple Surface Containers

Two overlapping surfaces with the same tonal values separated via shadow

background

Surface-container

Background and Surface Containers

Two overlapping surfaces with distinct tonal values

Surface-container

Overlay

Surface-container

Multiple Surface Containers with Overlay

Two overlapping surfaces with the same tonal values separated via overlay

Best Practices

Personal Interests

Information based on household and collected by companies and events for marketing usage.

Classical music

Traveling

Sports memorabilia

Health and fitness

Camping

Basketball

View more

Do: Use a 1px border when the card element is at the lowest level of elevation.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Do: Use small grey shadows for cards on neutral surfaces.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Use large shadows for cards that are in close proximity. They will cast shadows on top of nearby elements.

Username Matches for “mart7”

Results derived from Matthew’s email: mart7@aol.com

Mathew64

Twitter

Martha Sauceda

Pinterest

Social Profiles for Mart7

View 8 Results

Don’t: Mix and match shadows within the same section container.

Do: Use a medium shadow for global header.

Button

Do: Use a medium shadow for button hover states.

Button

Don’t: Use a medium inverted shadow for button hover states.

Button

Do: Pair teal shadows with teal colored buttons.

Button

Don’t: Pair blue shadows with teal colored buttons.

This page contains both regulated and public

data.

Regulated Data

5 Results

You searched for:

Kimberly Hester

(202) 120-0090

***-**-9238 (SSN)

678 Main Street, Springfield KY 20229

Modify Search

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

Best Match

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

+ 1 more

DOB:

1990/01/19

DOD:

2022/03/12

View Profile

Phone Numbers:

(232) 123-1234

(202) 120-0090

+ 3 more

Email Addresses :

khester@gmail.com

+ 3 more

Addresses:

678 Main Street, Springfield KY 20229

+ 3 more

Social Media:

kim.hester

khester1

+ 4 more

Show More Details

Spokeo

People Search

Reverse Phone Lookup

Reverse Email Lookup

Reverse Address Lookup

Spokeo for Business

Business Home

Collections

Real Estate

Law Enforcement

Help

Contact Us

Help Center

Terms

Privacy Policy

Do Not Sell My Info

Company

About

Careers

Affiliates

Blog

Product

Spokeo is not a consumer reporting agency as defined by the Fair Credit Reporting Act (FCRA). Do not use this site to make decisions about employment, tenant screening, or any purpose covered by the FCRA.

© 2023 Spokeo

Close

Sort by

Relevance

Age (Ascending)

Age (Descending)

First name A to Z

First name Z to A

Do: Use an inverted shadow on bottom sticky menus and lists.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Do: Use blue shadows against blue themed surface colors.

Reconnected with Best Friend

“WOW! Just looked up my best friend from childhood and found her phone number!! Shockingly awesome and quick!”

Annie

, CO

|

Verified Customer

Don’t: Use blue shadows against non-blue themed surface colors.

— Best Information

abc

— Matched Search

— Reported Invalid / Disconnected

Sort by:

Relevance

Kimberly Ann Hester, 33

AKA:

Kim

Hester,

Kimberly Hester,

Kim Herman

SSN:

***-**-9238 (Show SSN)

***-**-9238 (Show SSN)

DOB:

01/19/1999

DOD:

03/12/2022

Phone (4)

(232) 123-1234

08/2018 - Current • PT • W

(202) 120-0090

03/2015 - 09/2020 • PT • W

+ 2 more phones

Email (4)

kester@gmail.com

08/2018 - Current • W

+ 3 more emails

Addresses (3)

678 Main Street, Springfield KY 20229

08/2018 - Current

+2 more addresses

Social (5)

kim.hester

khester1

+3 more social accounts

Show More Details

Sort by

Relevance

Age (Ascending)

Age (Descending)

First Name (A to Z)

First Name (Z to A)

Do: Use large shadows for dropdown menus.

Welcome to Spokeo for Business

Take our quick guided tour to learn how to search over 250 million profiles containing 300+ attributes.

Dismiss

OK

Do: Use a large shadow for dialogs.

Family

(6)

We found 6 relatives for Matthew.

W

The Washington Family

6 Relatives Found

KB

Andrea Chi Tang, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

KB

Kelly Byerly, 32

Relative  • Pasadena, CA

Andrea has previously lived with William in 1172 McKay Dr, San Jose, CA

Phone (2)

Email (3)

View Report

Last seen in 8 data sources 3 months ago

View 4 More Family Members

Don’t: Use large shadows for lower elevation elements.

Tokens

Shadows

Size

Color

System Token

Usage

Value

Small

Grey

spk.shadow.small.grey

Cards

0px

Medium

Grey

spk.shadow.medium.grey

Buttons, list, view, hover

4px

Medium-inverted

Grey

spk.shadow.medium.inverted.grey

Bottom sticky menu

8px

Large

Grey

spk.shadow.large.grey

Dropdown, overlay, marketing promos

12px

Small

Blue

spk.shadow.small.blue

Cards

0px

Medium

Blue

spk.shadow.medium.blue

List, view, hover

4px

Medium-inverted

Blue

spk.shadow.medium.inverted.blue

Bottom sticky menu

8px

Large

Blue

spk.shadow.large.blue

Dropdown, overlay, marketing promos

12px

Medium

Teal

spk.shadow.medium.teal

Primary buttons

4px

Changelog

Date

Update Type

Notes

Nov 17, 2025

Updated

Updated guidelines and usage.

Related

Surfaces

Learn more about surface tokens and usage here.

For Designers

For Developers

For Content Writers

Contact Us

Terms

Privacy Policy

Copyright © 2006-2025 Spokeo, Inc.