# Fogo Island Inn, Home

Hotels & stays · Home · WordPress · Fogo Island, NL, Canada
Live page: https://fogoislandinn.ca/
On Designly: https://designly.sh/s/fogo-island-inn · JSON: https://designly.sh/s/fogo-island-inn?format=json
Site: [Fogo Island Inn](https://designly.sh/s/fogo-island-inn?format=md) (https://fogoislandinn.ca)
Styles: editorial, photo-led, warm, serif

## Why it works

Franie display type on a sand-colored background lends an editorial weight to the hospitality messaging. Large-scale video and photography take precedence, while the 'Reserve' button sits in a high-contrast block in the header to ensure the primary action is always accessible.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/fogo-island-inn#section-1) (y 0–65px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/0.webp · id sec_7f8565e65abb4d4293fc1532d2b956b5
2. [Hero: "Hero"](https://designly.sh/s/fogo-island-inn#section-2) (y 65–900px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/1.webp · id sec_ab1f175c2b3147409b46b5967a53c122
3. [Content: "Entangled with nature, rooted in community"](https://designly.sh/s/fogo-island-inn#section-3) (y 900–1729px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/2.webp · id sec_70e9b68f47b84d7e9db33168a083d416
4. [Call to action: "All-Inclusive Hospitality"](https://designly.sh/s/fogo-island-inn#section-4) (y 1729–2090px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/3.webp · id sec_1134ade08ea24eff99027a0d131974a7
5. [Content: "Content"](https://designly.sh/s/fogo-island-inn#section-5) (y 2089–2624px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/4.webp · id sec_6cb5ae3fbe554ef79f45a226132b7589
6. [Call to action: "Where nature and culture meet"](https://designly.sh/s/fogo-island-inn#section-6) (y 2624–2985px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/5.webp · id sec_f741685ed3b3407eb0c2b400f77f29b6
7. [Gallery: "Gallery"](https://designly.sh/s/fogo-island-inn#section-7) (y 2992–3420px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/6.webp · id sec_68339e1e14994a68a41e1c7f84057ef8
8. [Call to action: "Explore our Island"](https://designly.sh/s/fogo-island-inn#section-8) (y 3420–3781px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/7.webp · id sec_59cabe6d32ae4069ab776ec1ef6f72c6
9. [Content: "Kayaking"](https://designly.sh/s/fogo-island-inn#section-9) (y 3780–4927px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/8.webp · id sec_df349c76710647909db9452ffe7b95d0
10. [Content: "Travel with purpose"](https://designly.sh/s/fogo-island-inn#section-10) (y 4927–5774px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/9.webp · id sec_74e91414651a4221b1923d1dc87640ee
11. [Call to action: "Fogo Island News"](https://designly.sh/s/fogo-island-inn#section-11) (y 5774–6135px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/10.webp · id sec_8e87f33f23c94d4da21f501c3b0722af
12. [Gallery: "Eating with the Season: Summer 2026"](https://designly.sh/s/fogo-island-inn#section-12) (y 6134–7085px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/11.webp · id sec_a2ee3bcd6d6c40e99247f5371a001a7f
13. [Footer: "Footer"](https://designly.sh/s/fogo-island-inn#section-13) (y 7085–7720px of 7720) · image: https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/sections/12.webp · id sec_247a4e36986d4f328f922b09b9c80ae4

## Design tokens

- Colours: #0A212D (background), #142E53 (text), #FFFFFF (muted), #000000 (surface)
- Fonts: Franie (display), Metrisch (body)
- Corner radius: 7px
- Section padding: 100px
- Export: https://designly.sh/s/fogo-island-inn?format=tokens.css · https://designly.sh/s/fogo-island-inn?format=tokens.json · https://designly.sh/s/fogo-island-inn?format=tokens.tailwind.css

## Images

- Desktop (1440×7720): https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/desktop.webp
- Mobile (390×7999): https://designly.sh/media/captures/cap_a331897c485940aaa5d11a6327b1f101/mobile.webp
- Captured: 2026-10-26

## Other Pages of Fogo Island Inn

- [Contact](https://designly.sh/s/fogo-island-inn/contact?format=md) — /contact
- [Menu](https://designly.sh/s/fogo-island-inn/food-drink?format=md) — /food-drink
- [Gallery](https://designly.sh/s/fogo-island-inn/our-inn/gallery?format=md) — /our-inn/gallery
- [Services](https://designly.sh/s/fogo-island-inn/our-inn/rooms-suites?format=md) — /our-inn/rooms-suites

## Related

- [Wythe Hotel, Home](https://designly.sh/s/wythe-hotel?format=md) — Hotels & stays · Home · Custom code · Brooklyn, NY, USA · styles: editorial, warm, serif, photo-led · image: https://designly.sh/media/captures/cap_f62cd16740a74d279a6889333286b874/desktop.webp
- [Thyme, Home](https://designly.sh/s/thyme?format=md) — Hotels & stays · Home · Squarespace · Southrop, Gloucestershire, UK · styles: editorial, organic, serif, photo-led, airy · image: https://designly.sh/media/captures/cap_1f3e12eceac2470dbc3bb89170e7db74/desktop.webp
- [Piaule Catskill, Home](https://designly.sh/s/piaule-catskill?format=md) — Hotels & stays · Home · Custom code · Catskill, NY, USA · styles: photo-led, editorial, minimal, airy · image: https://designly.sh/media/captures/cap_65ab412d686a475d8a99c35d67d7a7b4/desktop.webp
- [Moke Valley Cabin, Home](https://designly.sh/s/moke-valley-cabin?format=md) — Hotels & stays · Home · Custom code · Queenstown, New Zealand · styles: organic, earthy, photo-led, editorial · image: https://designly.sh/media/captures/cap_403901aa60404d719a13795f1dd871e9/desktop.webp

Credit: every reference is a real business's site. If it shapes your work, link to the business and to its Designly page.