1 · Design in Figma
2 · Betty builds your design system
3 · Everything is editable
4 · Just ask Betty
▾ Pages
▣ Autumn email
▢ header
▢ hero
T headline
▢ products
▢ footer
Autumn email
VANDRA
Fuel for the ridge.
Single-origin coffee in a pouch that composts in 90 days.
Shop autumn
Ask Betty
Hey, I'm Betty. Share a Figma link and I'll build it.
Vandra-Autumn
Build our design system from this.
↑
figma.com/design/…/Vandra-Autumn
CampaignsDesign Systems
Vandra · Design system
Design system ready
VANDRA
Fuel for the ridge.
Shop autumn
Vandra · Unsubscribe
<table class="w-full" width="640" cellspacing="0" cellpadding="0" border="0" style="width:640px;" > <tr> <td> <img alt="A hiker on a narrow trail high above… class="w-full" src="https://images.better.email/1/550/1J… height="720" style="width:640px; height: 720px; " /> </td> </tr> <tr> <td height="48" style="height:48px;"> … </tr> <tr> <td> <table width="100%" cellspacing="0" cellpa… <tr> <td width="40" style="width:40px;"> … <td> <table cellspacing="0" cellpadding="0" b… <tr> <td width="10" height="10" style="width:10px; height:10px; backgr… > </td> <td width="14" style="width:14px; font-… </td> <td style="font-family:'IBM Plex Mono','Co… > WP 01 · AUTUMN — 61.6367° N, 8.3125° E </td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="0" border="0" > <tr> <td height="22" style="height:22px;">&n… </tr> <tr> <td class="h-hero tx-ink" style="font-family:'Archivo','Helvetic… > SHORTER DAYS. LONGER ROUTES. </td> </tr> <tr> <td height="20" style="height:20px;">&n… </tr> <tr> <td class="tx-body" style="font-family:'Inter','Helvetica … > Our autumn trail drop is here: layers,… gear made for frost at dawn and wind o… </td> </tr> <tr> <td height="30" style="height:30px;">&n… </tr> <tr> <td> <!--[if mso]><v:roundrect xmlns:v="urn… <a href="https://vandra.example/autumn" target="_blank" style="background-color:#E4572E; bord… >Shop the autumn drop</a > <!--[if mso]></center></v:roundrect><!… </td> </tr> </table> </td> <td width="40" style="width:40px;"> … </tr> </table> </td> </tr> </table>
MODULES ·FROM FIGMA
✓Header
✓Hero
Hero✓Product grid
✓Text + CTA
✓Footer
Fuel for the ridge.Fue for the ridge.Fu for the ridge.F for the ridge. for the ridge.R for the ridge.Re for the ridge.Rea for the ridge.Read for the ridge.Ready for the ridge.
Single-origin coffee in a pouch that composts in 90 days.
Shop autumn
↕ 530 px
InputsCode
T Heading
Fuel for the ridge.Fue for the ridge.Fu for the ridge.F for the ridge. for the ridge.R for the ridge.Re for the ridge.Rea for the ridge.Read for the ridge.Ready for the ridge.
↕ Image height
300 to 900 px
530 px
▣ Imagehero-ridge.jpg
↗ Button
Ask Betty
I want a slider to adjust the height of the image
Done. I added an image height slider from 300 to 900 px.
I want a slider to adjust the height of the image
↑