logo

Global

Colors

Main Colors

#ED593C
#61A845
#A63E2A

Grayscale

#F6F6F6
#F0F0F0
#E6E6E6
#808285
#1B1B1B

Warning Colors B2B

#F6F6F6
#F0F0F0
#E6E6E6

Warning Colors B2C

#FEE3E1
#EA594B
#CCE3FF
#4281D9
#E8F2E3
#61A845
#FFE8C3
#DF9C31

Hover

#A63E2A

Disabled

icons 16x16

icons 24x24

icons 32x32

Warning Messages

Padding & Column Gap

Web Padding

8
16
20
24
40
60
80

Web Column Gap

24

Mobile Padding

4
12
16
20
24
32
40

Mobile Column Gap

12

Desktop

Typography

Headings

Heading 1

Roboto; Regular; 36px; 44 line-height

Heading 2

Roboto; Regular; 28px; 40 line-height

Heading 3

Roboto; Regular; 24px; 32 line-height

Heading 4

Roboto; Medium; 20px; 28 line-height

Heading 5

Roboto; Medium; 16px; 24 line-height

Heading 6

Roboto; Medium; 14px; 20 line-height

Body

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.

Roboto; Regular;14px; 24 line-height

Numbered List

  1. Numbered list first
  2. Numbered list second
  3. Numbered list third
  4. Numbered list fourth
  5. Numbered list fifth

List

  • Numbered list first
  • Numbered list first
  • Numbered list first
  • Numbered list first
  • Numbered list first

Inputs

Input States

Normal

Hover State

Active State

  • The password does not match

Error State

Dropdown

Text Area

Text Area Active State

Radio Buttons

Normal State

Active State

Disabled

Active Disabled

Checkboxes

Normal State

Active State

Disabled

Active Disabled

Buttons

Large WEB Button

Default

Hover

Pressed

Disabled

Large Secondary WEB Button

Default

Hover

Pressed

Disabled

Small WEB Button

Default

Hover

Pressed

Disabled

Small WEB Button

Default

Hover

Pressed

Disabled

Arrows

Normal State

Hover State

Links

Links

Normal

Links

Hover

Links

Pressed

Elements

Pagination WEB

Quantity

On Light BG

On Dark BG

Default

Active Right

Active Left

Simple Dropdowns

Found 123 Products

Per page: 16
8
16
24
32
Sort by: Populārākās preces
Cenas, sākot no zemākās
Cenas, sākot no augstākās
Populārākās preces

Default

Found 123 Products

Per page: 16
8
16
24
32
lapā
Sort by: Populārākās preces
Cenas, sākot no zemākās
Cenas, sākot no augstākās
Populārākās preces

Active

Breadcrumbs

  2. Breadcrumb default
  3. Breadcrumb Hovered

  4. Breadcrumb Active

Table WEB

Produkts Package Amount Color Min. order amount Skaits Cena
Produkts: VRIESA p12 SHANNON Artikuls: 37015084 Package Amount: 2 Color: Zila Min. order amount: 6 Skaits: 47 Cena:
1,74 €
Produkts: Liz Sabrina Orange (Montana) Artikuls: 37015084 Package Amount: 2 Color: Oranža Min. order amount: 6 Skaits: 47 Cena:
1,74 €
Produkts: CYCLAMEN p10 Balta Artikuls: 37015084 Package Amount: 2 Color: Balta Min. order amount: 6 Skaits: 47 Cena:
1,74 €
Produkts: Liz Rosita Blue (Lugt) Artikuls: 37015084 Package Amount: 2 Color: Gaiši zils Min. order amount: 6 Skaits: 47 Cena:
1,74 €
Produkts: Poinsetia p10 sarkana Artikuls: 37015084 Package Amount: 2 Color: Sarkana Min. order amount: 6 Skaits: 47 Cena:
1,74 €
Produkts: AMARYLLIS p12 1pp Artikuls: 37015084 Package Amount: 2 Color: Rozā Min. order amount: 6 Skaits: 47 Cena:
1,74 €

Mobile

Typography

Headings

Heading 1

Roboto; Regular; 28px; 36 line-height

Heading 2

Roboto; Regular; 24px; 32 line-height

Heading 3

Roboto; Regular; 20px; 28 line-height

Heading 4

Roboto; Medium; 16px; 24 line-height

Heading 5

Roboto; Medium; 14px; 20 line-height

Heading 6

Roboto; Medium; 12px; 16 line-height

Body

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.

Roboto; Regular;14px; 24 line-height

Numbered List

  1. Numbered list first
  2. Numbered list second
  3. Numbered list third
  4. Numbered list fourth
  5. Numbered list fifth

List

  • Numbered list first
  • Numbered list first
  • Numbered list first
  • Numbered list first
  • Numbered list first

Buttons

Mobile Buttons

Default

Hover

Pressed

Disabled

Mobile Secondary Button

Default

Hover

Pressed

Disabled

Filter Price Slider

Filter Colors Inputs

Default
Hover
Active

Filter Price Input

Default
Hover
Active

Link

Default
+ Placeholder Placeholder
Hover
+ Placeholder Placeholder
Active
+ Placeholder Placeholder