# Fogo Island Inn, Gallery

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

## Why it works

Light Franie type on a deep sky blue background establishes a quiet, editorial tone. A dense grid of varied imagery follows the hero, using 55px rounded corners to soften the layout and keep the focus on the landscape and interiors.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/fogo-island-inn/our-inn/gallery#section-1) (y 0–65px of 10905) · image: https://designly.sh/media/captures/cap_48a7a5ced11448298f3419a280145a97/sections/0.webp · id sec_b059fc8a6899450cb75b39f8a4563757
2. [Hero: "Gallery"](https://designly.sh/s/fogo-island-inn/our-inn/gallery#section-2) (y 65–630px of 10905) · image: https://designly.sh/media/captures/cap_48a7a5ced11448298f3419a280145a97/sections/1.webp · id sec_38d38227e2614ddea933ddc73cd7fff6
3. [Gallery: "Gallery"](https://designly.sh/s/fogo-island-inn/our-inn/gallery#section-3) (y 630–10270px of 10905) · image: https://designly.sh/media/captures/cap_48a7a5ced11448298f3419a280145a97/sections/2.webp · id sec_3bc4ab244ae140b3a34a29a8552febe0
4. [Footer: "Footer"](https://designly.sh/s/fogo-island-inn/our-inn/gallery#section-4) (y 10270–10905px of 10905) · image: https://designly.sh/media/captures/cap_48a7a5ced11448298f3419a280145a97/sections/3.webp · id sec_ec1aeccc873843588b6f65362fae0218

## Design tokens

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

## Images

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

## Other Pages of Fogo Island Inn

- [Home](https://designly.sh/s/fogo-island-inn?format=md) — /
- [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
- [Services](https://designly.sh/s/fogo-island-inn/our-inn/rooms-suites?format=md) — /our-inn/rooms-suites

## Related

- [Moke Valley Cabin, Gallery](https://designly.sh/s/moke-valley-cabin/gallery?format=md) — Hotels & stays · Gallery · Custom code · Queenstown, New Zealand · styles: photo-led, organic, editorial, warm · image: https://designly.sh/media/captures/cap_03868b959cc846f2abd1d1f69ee852e5/desktop.webp
- [Hotel Bella Grande, Gallery](https://designly.sh/s/hotel-bella-grande/en/gallery?format=md) — Hotels & stays · Gallery · Custom code · Copenhagen, Denmark · styles: editorial, photo-led, warm, serif · image: https://designly.sh/media/captures/cap_f37bfeacdcc8432abce005b4eda2b5dd/desktop.webp
- [Heckfield Place, Gallery](https://designly.sh/s/heckfield-place/gallery?format=md) — Hotels & stays · Gallery · Custom code · Hook, Hampshire, UK · styles: photo-led, warm, editorial, organic · image: https://designly.sh/media/captures/cap_fad88e24c4d748d4a56e44d689a24924/desktop.webp
- [Wythe Hotel, Blog](https://designly.sh/s/wythe-hotel/wythe-journal?format=md) — Hotels & stays · Blog · Custom code · Brooklyn, NY, USA · styles: editorial, warm, photo-led, serif · image: https://designly.sh/media/captures/cap_8f9159713c3f42f1a4849b777ae160ab/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.