# Hotel Bella Grande, Landing page

Hotels & stays · Landing page · Custom code · Copenhagen, Denmark
Live page: https://hotelbellagrande.com/en/rooms
On Designly: https://designly.sh/s/hotel-bella-grande/en/rooms · JSON: https://designly.sh/s/hotel-bella-grande/en/rooms?format=json
Site: [Hotel Bella Grande](https://designly.sh/s/hotel-bella-grande?format=md) (https://hotelbellagrande.com)
Styles: editorial, luxe, type-led, airy

## Why it works

Large Inbox headlines on an off-white ground give this hotel an editorial feel. Orange is used sparingly for the 'BOOK' button, while a grid of room photos provides immediate visual context for the different categories.

## Sections, top to bottom

1. [Navigation: "Navigation"](https://designly.sh/s/hotel-bella-grande/en/rooms#section-1) (y 0–72px of 5664) · image: https://designly.sh/media/captures/cap_43a766e72ba24168a3eb766a7dc32acd/sections/0.webp · id sec_fcfdd4e0d969475ca731d3954c31756c
2. [Hero: "rooms & suites"](https://designly.sh/s/hotel-bella-grande/en/rooms#section-2) (y 72–900px of 5664) · image: https://designly.sh/media/captures/cap_43a766e72ba24168a3eb766a7dc32acd/sections/1.webp · id sec_2c3aba7cb8b2440aa8a6ee8839dfbb0c
3. [Content: "Single"](https://designly.sh/s/hotel-bella-grande/en/rooms#section-3) (y 900–4764px of 5664) · image: https://designly.sh/media/captures/cap_43a766e72ba24168a3eb766a7dc32acd/sections/2.webp · id sec_46241083068f4a27b7af0d2d42f88ad9
4. [Footer: "Footer"](https://designly.sh/s/hotel-bella-grande/en/rooms#section-4) (y 4764–5664px of 5664) · image: https://designly.sh/media/captures/cap_43a766e72ba24168a3eb766a7dc32acd/sections/3.webp · id sec_111ec265a31b441a86fbb0574fc3d9bd

## Design tokens

- Colours: #EEEDE4 (background), #000000 (text), #CC663C (accent)
- Fonts: Inbox (display), Neutraface (body)
- Section padding: 80px
- Export: https://designly.sh/s/hotel-bella-grande/en/rooms?format=tokens.css · https://designly.sh/s/hotel-bella-grande/en/rooms?format=tokens.json · https://designly.sh/s/hotel-bella-grande/en/rooms?format=tokens.tailwind.css

## Images

- Desktop (1440×5664): https://designly.sh/media/captures/cap_43a766e72ba24168a3eb766a7dc32acd/desktop.webp
- Mobile (390×6052): https://designly.sh/media/captures/cap_43a766e72ba24168a3eb766a7dc32acd/mobile.webp
- Captured: 2026-10-26

## Other Pages of Hotel Bella Grande

- [Home](https://designly.sh/s/hotel-bella-grande/en?format=md) — /en
- [About](https://designly.sh/s/hotel-bella-grande/en/about-us?format=md) — /en/about-us
- [Menu](https://designly.sh/s/hotel-bella-grande/en/food-and-drinks?format=md) — /en/food-and-drinks
- [Gallery](https://designly.sh/s/hotel-bella-grande/en/gallery?format=md) — /en/gallery

## Related

- [Wythe Hotel, Landing page](https://designly.sh/s/wythe-hotel/dining?format=md) — Hotels & stays · Landing page · Custom code · Brooklyn, NY, USA · styles: editorial, warm, serif, photo-led · image: https://designly.sh/media/captures/cap_7d77f8c64ca441fab0cec96efcef0903/desktop.webp
- [Thyme, Landing page](https://designly.sh/s/thyme/stay?format=md) — Hotels & stays · Landing page · Squarespace · Southrop, Gloucestershire, UK · styles: serif, airy, organic, editorial · image: https://designly.sh/media/captures/cap_4b3813fb59b1414284bb9786d57754c6/desktop.webp
- [Piaule Catskill, Landing page](https://designly.sh/s/piaule-catskill/cabins?format=md) — Hotels & stays · Landing page · Custom code · Catskill, NY, USA · styles: editorial, airy, serif, photo-led · image: https://designly.sh/media/captures/cap_4e82eb20ab6c4cdca2e3d555c27de12e/desktop.webp
- [Moke Valley Cabin, Landing page](https://designly.sh/s/moke-valley-cabin/cabin?format=md) — Hotels & stays · Landing page · Custom code · Queenstown, New Zealand · styles: organic, earthy, photo-led, serif · image: https://designly.sh/media/captures/cap_436f044f64124ecd961f4ad91518e5bc/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.