search

perryliao / best-partner

0 stars 0 forks source link

Partner Portal Catalog #2

Open JERRYJURR opened 5 years ago

JERRYJURR commented 5 years ago

canvas

header hex #003b64 green hex #00FF19 (17% opacity) with 1px border #2DF500

search icon png icon

SEARCH BAR CSS

border: 1px solid hsl(0, 13%, 78%);
border-radius: 31px;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
overflow: visible;

CARD CSS 

background-color: hsla(0, 0%, 100%, 0.5);
border: 1px solid hsl(0, 0%, 92%);
border-radius: 10px;
box-shadow: 0px 2px 5px 0px hsla(0, 0%, 0%, 0.09);
overflow: visible;

GREY TEXT COLOR : #787878

ITEM TITLE: BOLD SIZE 20, BLACK ITEM DESCRIPTION: NARROW SIZE 9, #787878

PRICE TEXT: SIZE 36, SPACING -1.5

CHECKBOX CSS

border: 1px solid hsl(0, 0%, 70%);
border-radius: 50%;
box-shadow: inset 3px 2px 5px 0px rgba(0,0,0,0.25);
overflow: visible;

CONFIRMATION NOTIFICATION CSS:

background-color: rgba(0, 255, 25, 0.17);
border: 1px solid hsla(129, 100%, 79%, 0.7);
border-radius: 15px;
overflow: visible;

GRID SPACING: 12 PX CARD PADDING: 14 PX

JERRYJURR commented 5 years ago

image TICK PNG

JERRYJURR commented 5 years ago

notification text & item in catallog #18a907 box fill #00FF19 (15% opacity) big font #0FFF17

JERRYJURR commented 5 years ago

styling 

color: hsl(114, 90%, 33%);
font-family: "AvenirNextCondensed-Medium", "Avenir Next Condensed", serif;
font-size: 12px;
font-weight: 500px;
letter-spacing: 0px;
line-height: 1.2;
JERRYJURR commented 5 years ago

background-color: rgba(0, 255, 25, 0.15);