Travel & Lifestyle

Hipcamp

hipcamp.com16 colors5 componentsGeistMulti-page · 12 screens

Hipcamp is your best resource for discovering & reserving unique tent camping, caravan parks, cabins, treehouses, & glamping.

Remix Visit

Remix

Visit

12 screenshots captured· hipcamp.com

1 / 12 · Campsites, Caravan Parks, Cabins & Glamping | Hipcamp UK · Above the fold

Preview

the generated design system

Switch between the Visual preview, the rendered DESIGN.md and the Raw file.

Design tokens

Extracted from hipcamp.com

Primary

#F3F1EA

Primary CTA, brand accent, active state

#2C2B1C

Brand hue used alongside the achromatic primary; Captions, secondary text

#0000EE

Accent / decorative

#716F5F

Accent / decorative

#5C5A4D

Accent / decorative

#303027

Accent / decorative

#EC5017

Accent / decorative

#464F2E

Accent / decorative

Neutral

#FFFFFF

Default page background

#EBE9DF

Alternating section band

#000000

Headings / primary text

#2C1A0F

Body copy

#333333

Tertiary / placeholder text

#222222

Label colour on brand surfaces

#6E6E6E

Neutral

#D6D6D3

Neutral

Typography · Geist

button14px · 400 · 20px

button16px · 400 · 18.4px

nav-link16px · 400 · 24px

button14px · 800 · 20px

body14px · 400 · 21px

button14px · 600 · 20px

caption10px · 600 · 12.5px

Typography · Calibre

heading24px · 500 · 30px

body18px · 400 · 24px

body16px · 400 · 22.72px

body18px · 500 · 23.94px

list-item16px · 400 · 25px

link16px · 400 · 16px

heading28px · 500 · 34px

h148px · 700 · 54px

h228px · 600 · 34px

h324px · 600 · 30px

h420px · 600 · 26px

button18px · 400 · 20.7px

heading18px · 600 · 24px

body16px · 500 · 20px

body14px · 800 · 20px

h120px · 400 · 26px

h248px · 700 · 54px

h324px · 500 · 18px

heading20px · 500 · 26px

heading32px · 700 · 38px

body16px · 700 · 20px

link18px · 400 · 25.56px

body17.6px · 700 · 17.6px

body20px · 400 · 26px

h180px · 700 · 80px

h245px · 700 · 45px

h326px · 500 · 36.4px

h430px · 300 · 30px

h526px · 700 · 26px

body19.2px · 400 · 27.264px

nav-link17.6px · 700 · 24.992px

quote48px · 700 · 62.4px

body15px · 400 · 21.3px

heading18px · 700 · 18px

body19.2px · 700 · 25.6px

heading20px · 700 · 20px

button16px · 400 · 21px

Spacing

4px

12px

24px

16px

8px

32px

20px

36px

Elevation

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px

Components · 5

Remixes of Hipcamp

Latest remixes

No public remixes yet. Be the first to make one.

Remix it