Tiles
Tiles are the compact cards in a scrollable row near the top of your page. They show live data from services you actually use: the song you’re listening to, the book you’re reading, your latest chess rating, a countdown to your next launch.
They’re the part of your Beacon that feels alive. Visitors see what you’re into right now, not a static list you update once a month.
Adding Tiles
Section titled “Adding Tiles”Click + Add tile to open the tile picker and choose a type. Most built-in tiles can only be added once (you only have one Last.fm account). Custom tiles can be added as many times as you want.
Built-in Tiles
Section titled “Built-in Tiles”Last.fm
Section titled “Last.fm”Shows your currently playing or most recently played track. Great for musicians, DJs, or anyone whose taste in music says something about them.
| Field | Description |
|---|---|
| API Key | Your Last.fm API key. Get one free here. Takes about a minute. |
| Username | Your Last.fm username |
Updates every 30 seconds while visitors have your page open.
Hardcover
Section titled “Hardcover”Shows the book you’re currently reading with a progress bar. If you’re a reader and want people to know it, this is a nice touch.
| Field | Description |
|---|---|
| Token | Your Hardcover API token. Find it in your Hardcover account settings. |
Letterboxd
Section titled “Letterboxd”Shows the last film you watched.
| Field | Description |
|---|---|
| Username | Your Letterboxd username |
GitHub
Section titled “GitHub”Shows your contribution activity. Useful if your audience cares about your open source work or coding habits.
| Field | Description |
|---|---|
| Username | Your GitHub username |
Shows your recently played games.
| Field | Description |
|---|---|
| Steam ID | Your numeric Steam ID. Find yours at steamid.io. |
Your Steam profile needs to be set to public for this to work.
Chess.com
Section titled “Chess.com”Shows your rating and recent game results.
| Field | Description |
|---|---|
| Username | Your Chess.com username |
Weather
Section titled “Weather”Shows current weather conditions for a location. A subtle personal touch that tells visitors where you’re based.
| Field | Description |
|---|---|
| Location | Search for a city by name. Uses Open-Meteo (free, no API key needed). |
Countdown
Section titled “Countdown”A timer counting down to something. Launch days, birthdays, events, album drops.
| Field | Description |
|---|---|
| Date | The target date |
| Event name | A label for the event (e.g., “Birthday”, “Launch Day”) |
Updates in real time. No rebuild needed.
Custom Tiles
Section titled “Custom Tiles”For anything the built-in tiles don’t cover. Promotions, announcements, pinned content, a favorite quote, a “currently working on” status. Whatever you want.
| Field | Description |
|---|---|
| Icon | An emoji displayed as the tile icon |
| Title | The main text |
| Subtitle | A secondary line |
| Label | Small text at the bottom |
| Link | An optional URL the tile links to |
| Accent Color | The color theme for this tile |
Add as many custom tiles as you need.
Accent Colors
Section titled “Accent Colors”Each tile has its own accent color, picked from your theme palette (Brand, Hover, Accent 1 through 6). This controls the tile’s border glow, icon color, and label styling. Mixing up accent colors across tiles creates visual variety without clashing.
Reordering
Section titled “Reordering”Drag tiles by their handle to reorder. The wizard order matches your page order, left to right in the carousel.
Editing and Deleting
Section titled “Editing and Deleting”Click Edit to expand a tile’s settings. Click Save when you’re done, or Cancel to discard. The trash icon deletes a tile (with a confirmation step). Deleting a built-in tile returns it to the picker as available.