---
# System prepended metadata

title: Entryboxes
tags: [DS DONE]

---

---
tags: DS DONE
---

# Entryboxes

The entry point works like a CTA, the difference is the amount of information present.
And the fact that it always leads to a new page.

## Usage
### Types

![](https://i.imgur.com/Hsww9Xe.jpg)

Though there is not really several types of entryboxes, the asset is available both in dark and light theme.


---

### States

1. Basic
Basic description
2. Hover
Hover description
3. Focus
Focus description
4. Pressed/Acive
Pressed description
6. Disabled
Disabled


---

### Anatomy





---


## Style

### Sizes

![](https://i.imgur.com/CZwi0dS.jpg)



|   | Attribute | Mobile | Tablet/Desktop |
| -------- | -------- | -------- | -------- |
| 1. Container paddings     | Top <br> Right <br> Bottom <br> Left      | 1.2rem <br> 2rem <br> 1.2rem <br> 2 rem     | -
| 2. Container     | Min height       |  4.2rem   | 6rem
| 3. Container margin     |    Bottom    | 1rem     | 1rem
| 4. Group of entrypoints margin    | Bottom       | 2rem     | 2rem
| 5. Label     | Weight <br> Font size       | Bold <br> Size 4     | -
| 6. Icon     | Font size       |   2.8rem 
| 7. Action icon     | Grey round size <br> Arrow size       | 3rem <br> 1.2rem     | -
| 8. Border radius     |        | 0.5rem     | -
| 9. Spacing between label and details     |        | 2rem     | 2rem
| 10. Spacing between text detail and action icon     |        | 1rem     | 1rem
| 11. Details     | Weight <br> Font size       | Regular <br> Size 4     | -
| 12. Hover    | Container paddings left enlarged by 1rem (total =3rem)



### Colors