Skip to content
La Clave

Customization

Branding

Section titled “Branding”

Visual design is defined in DESIGN.md (La Clave light theme, purple→cyan gradient). Tokens live in src/styles/tokens/*.

Update site-wide identity in src/config/site.config.ts (name, description, url, author, social links, OG image, branding colors, liveStream, instagram). This is the single source of truth for canonical/OG/sitemap and llms.txt.

There is no theme toggle — the default theme is light per DESIGN.md.

Home live player & schedule

Section titled “Home live player & schedule”
  • HLS URL / title: siteConfig.liveStream
  • Weekly slots: src/content/schedule/*.json (see Content Management)
  • Layout / “En vivo” behavior: DESIGN.md → Schedule Cards; helpers in src/lib/schedule.ts

Instagram strip

Section titled “Instagram strip”

InstagramStrip.astro client-fetches a JSON feed (PUBLIC_INSTAGRAM_FEED_URL or siteConfig.instagram.feedUrl). Change profile/title/limit in siteConfig.instagram. Disable per page with showInstagram={false} on BaseLayout / marketing layout props when available.

Adding Pages

Section titled “Adding Pages”
  1. Create a Markdown file in src/content/pages/:
---
title: My Page
slug: my-page
locale: id
description: A new page.
---
## Content here
  1. Add it to the navigation in src/content/navigation.yml
  2. Create the locale route in src/pages/[locale]/ if it needs a unique layout

Updating the home studio

Section titled “Updating the home studio”

The homepage is src/pages/index.astro: LiveStream + ScheduleBoard in a responsive grid (player first on small screens). There is no marketing Hero on /.