.asv-project{
--ink:#0C0C0A; --ink-2:#55524B; --ink-3:#8A8578;
--green:#1E3D2C; --green-2:#2C5940;
--gold:#C4973A; --gold-2:#D4AA55;
--cream:#F0EBE0; --off:#F9F6F0; --white:#FFFFFF;
--line:#E4DFD2;
font-family:"DM Sans",system-ui,-apple-system,sans-serif;font-weight:300;font-size:16px;line-height:1.65;color:var(--ink);
}
.asv-project *{box-sizing:border-box}
.asv-project h1,.asv-project h2,.asv-project h3,.asv-project h4{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:1.18;margin:0}
.asv-project p{margin:0 0 16px}
.asv-project a{color:inherit}
.asv-project img{max-width:100%;display:block}
.asv-project .crumbs{background:var(--cream);padding:14px 40px;font-size:.78rem;color:var(--ink-3)}
.asv-project .crumbs .in{max-width:1180px;margin:0 auto}
.asv-project .crumbs a{text-decoration:none;color:var(--ink-3)}
.asv-project .crumbs a:hover{color:var(--green)}
.asv-project .hero-media{position:relative;background:var(--ink)}
.asv-project .hero-media img{width:100%;height:60vh;min-height:420px;max-height:640px;object-fit:cover;opacity:.92}
.asv-project .hero-media::before{content:'';position:absolute;top:0;left:0;right:0;height:260px;background:linear-gradient(to bottom, rgba(12,12,10,.78) 0%, rgba(12,12,10,.78) 15%, rgba(12,12,10,.5) 55%, rgba(12,12,10,0) 100%);pointer-events:none;z-index:1}
.asv-project .hero-cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(12,12,10,.72), rgba(12,12,10,0));padding:70px 40px 32px}
.asv-project .hero-inner{max-width:1180px;margin:0 auto}
.asv-project .eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);font-weight:500;margin-bottom:12px}
.asv-project .hero-cap h1{color:var(--white);font-size:clamp(1.9rem,4vw,3rem);max-width:16ch}
.asv-project .hero-cap .sub{color:rgba(255,255,255,.82);font-size:1rem;margin-top:12px}
.asv-project .facts{background:var(--off);border-bottom:1px solid var(--line)}
.asv-project .facts-inner{max-width:1180px;margin:0 auto;padding:22px 40px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.asv-project .fact dt{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}
.asv-project .fact dd{margin:0;font-size:.98rem;font-weight:400}
.asv-project .fact.status dd{color:var(--green);font-weight:500}
@media (max-width:900px){.asv-project .facts-inner{grid-template-columns:repeat(2,1fr)}}
.asv-project .body-grid{max-width:1180px;margin:0 auto;padding:64px 40px 20px;display:grid;grid-template-columns:1fr 320px;gap:64px}
.asv-project .content h2{font-size:1.5rem;color:var(--ink);margin:0 0 4px}
.asv-project .content .num{display:inline-block;font-size:.72rem;letter-spacing:.1em;color:var(--gold);font-weight:500;margin-bottom:8px}
.asv-project .content section{margin-bottom:44px;max-width:62ch}
.asv-project .content section:last-child{margin-bottom:0}
.asv-project .content p{color:var(--ink-2)}
.asv-project .side{position:sticky;top:24px;align-self:start}
.asv-project .cta-card{background:var(--green);color:var(--off);padding:32px 28px;margin-bottom:22px}
.asv-project .cta-card h3{color:var(--white);font-size:1.2rem;margin-bottom:10px}
.asv-project .cta-card p{color:rgba(249,246,240,.82);font-size:.92rem;margin-bottom:20px}
.asv-project .btn{display:inline-block;background:var(--gold);color:var(--ink);text-decoration:none;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500;padding:12px 22px}
.asv-project .btn:hover{background:var(--gold-2)}
.asv-project .related{border:1px solid var(--line);padding:24px 24px 8px}
.asv-project .related h4{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px;font-weight:500}
.asv-project .related ul{list-style:none;margin:0;padding:0}
.asv-project .related li{border-top:1px solid var(--line);padding:14px 0}
.asv-project .related li:first-child{border-top:none}
.asv-project .related a{text-decoration:none;font-size:.92rem;color:var(--ink);display:block}
.asv-project .related a:hover{color:var(--green)}
.asv-project .related .rel-sub{display:block;font-size:.78rem;color:var(--ink-3);margin-top:2px}
@media (max-width:900px){.asv-project .body-grid{grid-template-columns:1fr}.asv-project .side{position:static}}
.asv-project .gallery{max-width:1180px;margin:24px auto 0;padding:24px 40px 0}
.asv-project .gallery h2{font-size:1.4rem;margin-bottom:6px}
.asv-project .gallery .g-note{color:var(--ink-3);font-size:.88rem;margin-bottom:26px;max-width:60ch}
.asv-project .g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.asv-project .g-grid .real{grid-column:span 3}
.asv-project .g-grid .real img{aspect-ratio:16/9}
.asv-project .g-grid figure{margin:0;position:relative;background:var(--off);border:1px solid var(--line);overflow:hidden}
.asv-project .g-grid img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.asv-project .slot{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:var(--ink-3)}
.asv-project .slot .plus{font-size:1.6rem;font-weight:300;color:var(--line)}
.asv-project .slot span{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:760px){.asv-project .g-grid{grid-template-columns:repeat(1,1fr)}.asv-project .g-grid .real{grid-column:span 1}}
.asv-project .testimonial{border-left:3px solid var(--gold);background:var(--off);padding:24px 28px;margin:0 0 44px;max-width:62ch}
.asv-project .testimonial p{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:1.15rem;color:var(--ink);margin:0 0 10px}
.asv-project .testimonial cite{font-style:normal;font-size:.82rem;letter-spacing:.04em;color:var(--ink-3)}
.asv-project .close-cta{background:var(--green);color:var(--off);text-align:center;padding:64px 40px;margin-top:48px}
.asv-project .close-cta .eyebrow{color:var(--gold-2)}
.asv-project .close-cta h2{color:var(--white);font-size:clamp(1.6rem,3vw,2.2rem);max-width:24ch;margin:0 auto 16px}
.asv-project .close-cta p{color:rgba(249,246,240,.75);max-width:52ch;margin:0 auto 28px}
- Location
- Nathon, Koh Samui
- Type
- Villa · Residential
- Floor area
- 155 sqm
- Build time
- 7 months
- Status
- Delivered, January 2026
01 — Brief & site
A tropical home for year-round living
The brief was for a compact, low-maintenance villa on a Nathon plot that could be lived in comfortably through every season on Koh Samui — full sun, monsoon rain, and the humid stretch between. At 155 sqm the design had to work hard: every room earns natural cross-ventilation, and the site's orientation was used to frame the approach and protect the private side of the plot from the road.
02 — Design response
Traditional form, contemporary detailing
A contemporary Thai-inspired home designed for tropical living, combining natural ventilation, modern comfort, and low-maintenance materials. Traditional roof forms and deep overhangs capture sea breezes and provide strong climate protection, while the layout frames key views, protects privacy, and connects open-plan living with shaded outdoor spaces and the pool.
03 — Materials & climate
Built for the humidity, not against it
Material choices favour finishes that shrug off Samui's humidity rather than fighting it — surfaces that clean easily, resist mould, and age well without a maintenance contract. The deep overhangs that define the roofline aren't decorative: they keep direct sun and driving rain off the walls and openings for most of the year, which is what actually keeps a tropical villa comfortable and low-cost to run.
04 — Living arrangement
Open-plan living around the pool
Living, dining and kitchen sit as one open volume that opens directly onto the shaded terrace and pool, so the boundary between inside and outside stays soft for most of the day. Bedrooms are positioned for privacy and cross-breeze rather than view alone, which on a 155 sqm footprint meant testing the layout against sun and wind before committing to it.
05 — Delivery
Seven months from groundbreaking to handover
Construction ran seven months from groundbreaking to handover. The client managed the build directly from Nay's drawings, and the villa was delivered in January 2026.
"Thank you for designing a beautiful and comfortable home for me."
— Burt Bailey, client
Architect Samui
Talk to Nay about your Koh Samui project
Licensed architect, on the island, supervising every build from land viability through to handover.
Get in touch