Homes on the sand, Mexico’s Pacific coast

Oceanfront Mexico

Design standard · v0.2

Quiet coastal luxury

Stone paper, charcoal ink, square corners, one light serif and photographs that do the talking, after vehm.com. Our own signal is the sea-green “On the sand” mark. The written standard is DESIGN.md.

Color

Paper

  • paper #f3efe8Page
  • stone #e9e3d8Wells, detail bands, footer
  • stone-200 #ddd5c7Image placeholders
  • white #fbf9f5Booking card, search, menus
  • taupe #b9ae9cSecondary button, ink text on it · 6.8:1

Ink and accents

  • ink-900 #2a2724Text and the primary button · 13:1
  • ink-700 #5b554dSecondary text · 6.4:1
  • ink-500 #6b645aField labels, hints · 4.6:1 on stone
  • bronze #75634aTracked capital labels · 4.9:1
  • sea-700 #3e6660On the sand, beginner surf only · 5.6:1

Type

  • Stay on the sand, surf out front

    display-xl · Newsreader Light · 46→88px · home hero only

  • The north‑beach house

    display-lg · 40→68px · page and property titles

  • The house in pictures

    display-md · 32→42px · section titles

  • Included in your stay

    display-sm · 26px · card titles, sub-sections

  • Lead · 20px, ink-700. One or two sentences under a title.

    .lead

  • Body · Newsreader 17px with optical sizing, line-height 1.6. Prices use tabular figures: $640 · $1,450 · 16 guests.

    body · .num

  • Tracked capitals · bronze · 12px

    Meta · 15px, ink-700

    Fine · 13px, ink-500

Actions and marks

All Sayulita houses

Square, uppercase, tracked. One charcoal button per view. Taupe sits on photos and in quiet places. Arrow links for “see more”.

On the sand· 25 stepsBeach houseBeginnerAdvancedSurf houseRetreat-ready
Lucide at a thin 1.25 stroke for property facts, 1.5 elsewhere.

Search

Cards

Photo and text, no box. Destination names sit on the photo. House names sit below it, with a run of facts separated by hairlines.

Charcoal band

  • Zicatela

    • Expert

    Beach break, sand

    The Mexican Pipeline. Watch, don’t paddle out, on a big day.

  • La Punta

    • Intermediate
    • Advanced

    Left point

    At the south end of Zicatela. Fast lefts and a lively scene.

  • Carrizalillo

    • Beginner

    Cove, sand

    Reached by about 160 steps. Most surf schools start here.