1 page captured

Eating After Weight-Loss Surgery & on GLP-1 Meds | Bariatric Eating

bariatriceating.com ↗

DESIGN.md

1 page

Soft, pastel gradients and gentle sans-serifs evoke airy, healthful serenity.

Bento Gridminimalism editorial health ecommercelight

Palette

SwatchHexOKLCHSuggested roleCopy

Hex#35b4d7
OKLCHoklch(71.7% 0.117 221)
RoleDominant
find sites →
Hex#97d7eb
OKLCHoklch(84.3% 0.070 219)
RoleSurface
find sites →
Hex#b06018
OKLCHoklch(57.1% 0.130 56)
RoleInk
find sites →
Hex#a37e6a
OKLCHoklch(62.4% 0.055 50)
RoleAccent
find sites →
Hex#cb9b96
OKLCHoklch(73.3% 0.058 25)
RoleDetail
find sites →

Type ramp

Role	Family	Size	Weight	Leading	Tracking	Sample
h1	DM Sans	35px	700	1.2	0	Aa Bb Cc
h2	DM Sans	66px	700	1	0	Aa Bb Cc
h3	DM Sans	18px	700	1.3	-0.18px	Aa Bb Cc
body	Inter	16px	400	1.6	0	Aa Bb Cc
caption	Inter	16px	400	1.6	0	Aa Bb Cc
button	Inter	20px	400	1	1.6px	Aa Bb Cc

Typefaces: DM Sans, Inter
Stack: Shopify, Tailwind, Cloudflare
Container: 1440px max

Download .md View raw ↗

Eating After Weight-Loss Surgery & on GLP-1 Meds | Bariatric Eating - Landing — LandingEating After Weight-Loss Surgery & on GLP-1 Meds | Bariatric Eating