My UI page tamplate

BLOCK 1
Card TE600
No border - just backdrop shadow & on Hover
Block background color: faf9f9
Card background color: faf9f9

Card 1 - Page Actions

No border
Radius 10 px
Shadow 10 px
Opacity 50%
Shadow on hover 10 px
Opacity 10%
Shadow on hover shift - Small shift.

Card 2 - How to add a menu

Same as left

Card 3 - Anchors and internal

Same as left

BLOCK 1B

Card TE600

No border - just backdrop shadow

Color of block on hover: fbfbff

Block background color: fbfbff

Card background color: fefaed

Card 4 - Page Actions

No border
Radius 10 px
Shadow 10 px
Opacity 50%
Shadow on hover 10 px
Opacity 10%
Shadow on hover shift - Small shift.

Card 5- How to add a menu

Same as left

Card 6 - Anchors and internal

Same as left

Buttons contrast background

Rain

Thunder

Under
water

Camp fire

Heavy rain

Forest walk

Block background color: fbfbff
Card background color: fefaed

Buttons same background

Rain

Thunder

Under
water

Camp fire

Heavy rain

Forest walk

Block background color: fefaed
Card background color: fefaed

Rain

Thunder

Under
water

Camp fire

Heavy rain

Forest walk

Radius 10 px

Radius 7 px

BLOCK 2
Card TE600
Background color match's 1st card - #faf9f9
Boarder - no background shadow - Hover only

Card 1 - Page Actions

Duplicate, transfer page to another user, change site structure, delete

Learn more →

For multi-page projects or to navigate within one page

Card 2 - How to add a menu

Card 3 - Anchors and links

How to add a link to a certain spot in the project

Read manual →

Border 2 px
Radius 10 px
Border color: 393d3f
Typeface color: 393d3f
Background: faf9f9

Border 1 px
Radius 10 px
Border color: 393d3f
Typeface color: 393d3f
Background: FBFBFF

Border 2.5 px
Radius 10 px
Border color: 393d3f
Typeface color: 393d3f
Background: fcfcc4

BLOCK 3
Card TE600
Background color match's 2nd card - #fbfbff
Boarder - no background shadow - Hover only

Card 1 - Page Actions

Duplicate, transfer page to another user, change site structure, delete

Learn more →

For multi-page projects or to navigate within one page

Card 2 - How to add a menu

Card 3 - Anchors and links

How to add a link to a certain spot in the project

Read manual →

Border 2 px
Radius 10 px
Border color: F9C2F9
Typeface color: 393d3f
Background: faf9f9

Border 1 px

Radius 10 px

Border color: fa61fa

Typeface color: fa61fa

Background: FBFBFF (darker version)

Border 2.5 px
Radius 10 px
Border color: efa3f3
Typeface color: 393d3f
Background: fcfcc4

BLOCK 4

Card TE600

Boarder - no background shadow - Hover only

Card 1 - Page Actions

Duplicate, transfer page to another user, change site structure, delete

Learn more →

For multi-page projects or to navigate within one page

Card 2 - How to add a menu

Card 3 - Anchors and links

How to add a link to a certain spot in the project

Read manual →

Border 2 px
Radius 10 px
Border color: 393d3f
Typeface color: 393d3f
Background: faf9f9

Border 1 px

Radius 10 px

Border color: 393d3f

Typeface color: 393d3f

Background: FBFBFF

Border 2.5 px

Radius 10 px

Border color: 393d3f

Typeface color: 393d3f

Background: fcfcc4

BLOCK 4B

Card TE600

Boarder - no background shadow - Hover only

Card 1 - Page Actions

Duplicate, transfer page to another user, change site structure, delete

Learn more →

For multi-page projects or to navigate within one page

Card 2 - How to add a menu

Card 3 - Anchors and links

How to add a link to a certain spot in the project

Read manual →

Border 2 px
Radius 10 px
Border color: 393d3f
Typeface color: 393d3f
Background: faf9f9

Border 1 px

Radius 10 px

Border color: 393d3f

Typeface color: 393d3f

Background: FBFBFF

Border 2.5 px

Radius 10 px

Border color: 393d3f

Typeface color: 393d3f

Background: fcfcc4

Card 4 - Page Actions

Duplicate, transfer page to another user, change site structure, delete

Learn more →

For multi-page projects or to navigate within one page

Card 5 - How to add a menu

Card 6 - Anchors and links

How to add a link to a certain spot in the project

Read manual →

Card 7 - Page Actions

Duplicate, transfer page to another user, change site structure, delete

Learn more →

For multi-page projects or to navigate within one page

Card 8 - How to add a menu

Card 9 - Anchors and links

How to add a link to a certain spot in the project

Read manual →

BLOCK 5

Radius: 10 px

Boarder: 1px

BLOCK 6 Radius: 10 px sonic silver: 797270

BLOCK 7
Card TE 605
Cards with a background image and text in a grid

Aspect ratio: 1:1 square

Radius: 10 px

Filter start color: #000000 Opacity 20%

Filter end color: #000000 Opacity 40%

Shadow size: 10 px Opacity: 40%

Shadow on hover size: 10 px Opacity 50%

Shadow on hover shift: Small shift

Aligheement Center

Card backgound color: #000000

Block background color: faf9f9

Card 1 - 100 Books for your 2021 holidays!

Best books to relax with during holidays.

Card 2 - Top beauty trends of the year

Make a choice. Botox versus other skincare alternatives.

Card 3 - The best dance performances of 2020 year

New experimental classes of a new age.

Card 4 - Elliot Roberts in a new video from Zoie Records

In November ZRecords issued a new promo with social agenda.

Card 5 - Three places to get best burgers and mimosas

Pay attention to food, drinks, and… interior design!

Card 6 - How technology can enchance your sleep

Pillows and blankets that make you sleep like a baby.

BLOCK 7
Card TE 605
Cards with a background image and text in a grid

Aspect ratio: 1:1 square

Radius: 10 px

Filter start color: #000000 Opacity 20%

Filter end color: #000000 Opacity 40%

Shadow size: 10 px Opacity: 40%

Shadow on hover size: 10 px Opacity 50%

Shadow on hover shift: Small shift

Aligheement Center

Card backgound color: #000000

Block background color: faf9f9

Card 1 - 100 Books for your 2021 holidays!

Best books to relax with during holidays.

Card 2 - Top beauty trends of the year

Make a choice. Botox versus other skincare alternatives.

Card 3 - The best dance performances of 2020 year

New experimental classes of a new age.

Card 4 - Elliot Roberts in a new video from Zoie Records

In November ZRecords issued a new promo with social agenda.

Card 5 - Three places to get best burgers and mimosas

Pay attention to food, drinks, and… interior design!

Card 6 - How technology can enchance your sleep

Pillows and blankets that make you sleep like a baby.

BLOCK 8

Card TE610

Cards with a background image and text in columns

Aspect ratio: 3:4

Radius: 10 px

Filter start color: #000000 Opacity 10%

Filter end color: #000000 Opacity 10%

Shadow size: 10 px Opacity: 30%

Shadow on hover size: 10 px Opacity 50%

Shadow on hover shift: Small shift

Alignment: Center

Card background color: #000000

Block background color: faf9f9

Card 1 - Technical consulting, testing and communication

Technical department

Card 2 - Providing managing and coordination skills

Management department

Card 3 - Boosting professional skills

Professional department