Styleguide

Home

Live scene

Kiyomizu-dera, Kyoto, following Japan time. Move the pointer over the scene for parallax.

EP. 01

Kiyomizu-dera

清水寺Partly cloudy· 18°C
注意報
Advisory · Level 2
Heavy Rain Advisory · Thunderstorm Advisory
Issued by JMA for 京都市東山区

Weather

Higashiyama Ward, Kyoto City

Partly cloudy
Now
18°C
Partly cloudy
High 21° / Low –°
Chance of rain
10%
Wind
3.2 m/s NE
Humidity
58%
Rain, past hour
0 mm
Sunshine, past hour
36 min
Sunrise
06:12
Sunset
17:08
TomorrowCloudy, occasionally clear19° / 12° · 20%

Kyoto station · 2.4 km away · Observed 14:20 JST

出典：気象庁ホームページ / Source: Japan Meteorological Agency

Scene explorer

Phase × condition

Clear
Partly cloudy
Cloudy
Rain
Snow
Thunderstorm
Dawn
Dawn · Clear
Dawn · Partly cloudy
Dawn · Cloudy
Dawn · Rain
Dawn · Snow
Dawn · Thunderstorm
Day
Day · Clear
Day · Partly cloudy
Day · Cloudy
Day · Rain
Day · Snow
Day · Thunderstorm
Golden hour
Golden hour · Clear
Golden hour · Partly cloudy
Golden hour · Cloudy
Golden hour · Rain
Golden hour · Snow
Golden hour · Thunderstorm
Dusk
Dusk · Clear
Dusk · Partly cloudy
Dusk · Cloudy
Dusk · Rain
Dusk · Snow
Dusk · Thunderstorm
Night
Night · Clear
Night · Partly cloudy
Night · Cloudy
Night · Rain
Night · Snow
Night · Thunderstorm

Season × landmark

Night

Shrine gate
Temple pagoda
Castle
Mountains
Coast
Garden bridge
City skyline
Cherry blossom
Cherry blossom · Shrine gate
Cherry blossom · Temple pagoda
Cherry blossom · Castle
Cherry blossom · Mountains
Cherry blossom · Coast
Cherry blossom · Garden bridge
Cherry blossom · City skyline
Summer green
Summer green · Shrine gate
Summer green · Temple pagoda
Summer green · Castle
Summer green · Mountains
Summer green · Coast
Summer green · Garden bridge
Summer green · City skyline
Autumn leaves
Autumn leaves · Shrine gate
Autumn leaves · Temple pagoda
Autumn leaves · Castle
Autumn leaves · Mountains
Autumn leaves · Coast
Autumn leaves · Garden bridge
Autumn leaves · City skyline
Snow season
Snow season · Shrine gate
Snow season · Temple pagoda
Snow season · Castle
Snow season · Mountains
Snow season · Coast
Snow season · Garden bridge
Snow season · City skyline

Title cards

EP. 01

Kiyomizu-dera

清水寺Partly cloudy· 18°C
第1話

清水寺

Kiyomizu-dera晴れ時々曇り· 18°C
EP. 02Underrated

Komorebi Moss Garden

木漏れ日苔庭Clear· 21°C
第2話穴場

木漏れ日苔庭

Komorebi Moss Garden晴れ· 21°C
EP. 03Overrated

Neon Yokocho Plaza

ネオン横丁広場Rain· 24°C
第3話過大評価

ネオン横丁広場

Neon Yokocho Plaza雨· 24°C
EP. 04Least Visited

Lantern Cove Lighthouse

灯籠岬灯台Cloudy· 4°C
第4話秘境

灯籠岬灯台

Lantern Cove Lighthouse曇り· 4°C

Hazard banners

注意報
Advisory · Level 2
Heavy Rain Advisory · Thunderstorm Advisory
Issued by JMA for Kyoto City
警報
Warning · Level 3
Heavy Rain Warning · Landslide Warning
Issued by JMA for Kyoto City
警報
Warning · Level 3
Heavy Rain Warning · Landslide Warning (+2 more)
Issued by JMA for Kyoto City

Map markers

On the day map

Underrated spot
Overrated spot
Least visited spot
Hotel

On the night map

Underrated spot
Overrated spot
Least visited spot
Hotel

Panels and cards

Rated above 4.5 with 5–99 reviews. Review counts stand in for visitor numbers.

  • Komorebi Moss Garden★ 4.8 · 42
  • Lantern Lane Shrine★ 4.7 · 17

Hotels nearby

Nov 2 → Nov 3

Hotel names come from Rakuten in Japanese only.

Supported by Rakuten Developers

Setup needed

Some keys are missing, so parts of the dashboard are turned off.

  • Add NEXT_PUBLIC_GOOGLE_MAPS_BROWSER_KEY to frontend/.env.local
  • Add NEXT_PUBLIC_GOOGLE_MAP_ID to frontend/.env.local
  • Add RAKUTEN_APPLICATION_ID to backend/.env
  • Start the API: nothing answers at http://localhost:8000

README.md walks through every step.

Off-shore

Weather

Cloudy

No JMA forecast area here: you're off-shore or outside Japan.

Now
–°C
Chance of rain
–
Wind
–
Humidity
–
Rain, past hour
–

No AMeDAS station within 30 km.

出典：気象庁ホームページ / Source: Japan Meteorological Agency

Loading

Weather

Loading the weather…

Loading · Empty

Hotels nearby

Hotel names come from Rakuten in Japanese only.

Supported by Rakuten Developers

Hotels nearby

Hotel names come from Rakuten in Japanese only.

No vacant rooms within 1 km for these dates.

Supported by Rakuten Developers

Text contrast (WCAG AA)

Worst case assumes the translucent surface sits over pure black or pure white. AA needs 4.5:1.

Dawn

Body — Aa あア 漢字

Muted — Aa あア 漢字

Accent — Aa あア 漢字

TextGlass cardTitle plateChip
Body9.9:1 ✓ Pass14.0:1 ✓ Pass12.6:1 ✓ Pass
Muted5.5:1 ✓ Pass7.9:1 ✓ Pass7.1:1 ✓ Pass
Accent5.3:1 ✓ Pass7.5:1 ✓ Pass6.8:1 ✓ Pass

Dawn8.9:1 ✓

Day

Body — Aa あア 漢字

Muted — Aa あア 漢字

Accent — Aa あア 漢字

TextGlass cardTitle plateChip
Body10.0:1 ✓ Pass14.0:1 ✓ Pass12.7:1 ✓ Pass
Muted5.3:1 ✓ Pass7.5:1 ✓ Pass6.8:1 ✓ Pass
Accent5.4:1 ✓ Pass7.6:1 ✓ Pass7.0:1 ✓ Pass

Day8.7:1 ✓

Golden hour

Body — Aa あア 漢字

Muted — Aa あア 漢字

Accent — Aa あア 漢字

TextGlass cardTitle plateChip
Body10.6:1 ✓ Pass14.5:1 ✓ Pass12.7:1 ✓ Pass
Muted6.0:1 ✓ Pass8.2:1 ✓ Pass7.2:1 ✓ Pass
Accent5.5:1 ✓ Pass7.5:1 ✓ Pass6.6:1 ✓ Pass

Golden hour8.7:1 ✓

Dusk

Body — Aa あア 漢字

Muted — Aa あア 漢字

Accent — Aa あア 漢字

TextGlass cardTitle plateChip
Body10.1:1 ✓ Pass14.4:1 ✓ Pass9.8:1 ✓ Pass
Muted6.6:1 ✓ Pass9.5:1 ✓ Pass6.4:1 ✓ Pass
Accent5.8:1 ✓ Pass8.3:1 ✓ Pass5.6:1 ✓ Pass

Dusk10.1:1 ✓

Night

Body — Aa あア 漢字

Muted — Aa あア 漢字

Accent — Aa あア 漢字

TextGlass cardTitle plateChip
Body10.5:1 ✓ Pass15.1:1 ✓ Pass10.7:1 ✓ Pass
Muted6.5:1 ✓ Pass9.4:1 ✓ Pass6.6:1 ✓ Pass
Accent8.9:1 ✓ Pass12.8:1 ✓ Pass9.1:1 ✓ Pass

Night14.7:1 ✓