guidelines

[Skip to main content](/content/pages/guidelines#MainContent "Skip to main content"/index.html)

The Fall Box is here! Use code BONUS to receive a $75 Bonus Bundle with your first box .

Primary Colors

Dark Grey

#3a3a3d

Sea Blue

#3F7B9D

Corral

#ED6860

Rays

#F8AB6A

Sand

#FEF8EF

Sun Flush

#F7B3AE

Secondary Colors

Spruce

#507071

Turquoise

#67C9DC

Fiji Surf

#D1EBEF

Aztec Gold

#CBA866

Color Tints

#F18680

#F4A4A0

#F8C3BF

#FBE1DF

#F9BC88

#FBCDA6

#FCDDC3

#FEEEE1

#6595B1

#8CB0C4

#B2CAD8

#D9E5EB

#85D4E3

#A4DFEA

#C2E9F1

#E1F4F8

#738D8D

#96A9AA

#B9C6C6

#DCE2E3

#D5B985

#E0CBA3

#EADCC2

#F5EEE0

#DDD5CA

#E3DBD0

#EDE5DA

#F6EFE4

#3a3a3d

#4b4b4d

#585859

#6d6d6e

#828283

#979797

#c0c0c1

#d5d5d6

#e6e6e6

#ffffff

Typography

Aa

Roboto

Light
Regular
Medium
Bold

The quick brown fox jumps over the lazy dog.

Paragraph large

Roboto

normal

Font Weight: 400

Font Size: 18px

Line Height: 1.50

Font Color: #4b4b4d

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Paragraph

Roboto

normal

Font Weight: 400

Font Size: 15px

Line Height: 1.50

Font Color: #4b4b4d

Paragraph Small

Roboto

normal

Font Weight: 400

Font Size: 13px

Line Height: 1.50

Font Color: #4b4b4d

Paragraph Link

Roboto

normal

Font Weight: 500

Font Size: 15px

Line Height: 1.50

Font Color: #4b4b4d

No Thanks!

Normal Button

btn btn-primary Subscribe
btn btn-secondary Subscribe
btn btn-dark Subscribe
btn btn-light Subscribe
btn btn-blue Subscribe
btn btn-gold Subscribe
btn btn-spruce Subscribe
Normal Button
Font: Roboto
Font Weight: 500
Font Size: 15px
Letter Spacing: 0
Line Height: 19.5px
Padding Left & Right: 29.5px
Padding Top Bottom: 13px
Button Border-radius: 50px

Large Button

btn btn-primary btn-lg Subscribe
btn btn-secondary btn-lg Subscribe
btn btn-dark btn-lg Subscribe
btn btn-light btn-lg Subscribe
Large Button
Font Size: 15px
Padding Left & Right: 33.5px
Padding Top Bottom: 15px

Small Button

btn btn-primary btn-sm Subscribe
btn btn-secondary btn-sm Subscribe
btn btn-dark btn-sm Subscribe
btn btn-light btn-sm Subscribe
Small Button
Font Size: 15px
Padding Left & Right: 16.5px
Padding Top Bottom: 9.5px

Text Fields

Floating Form

Password

Open this select menuOneTwoThreeWorks with selects

Noraml Form

Selections

Checkbox

Option 1

Option 2

Radio button

Default radio

Checked Radio

SHOPPING CART

( 0 )

Your cart is empty

Continue shopping

Update cart

Total:

$0.00

Shipping & taxes calculated at checkout

Checkout View Shopping cart

Close Modal

Let’s Connect

@beachly

Choosing a selection results in a full page refresh.

beachly.com

beachly.com is blocked