melon.tips

πŸ‰ melon.tips Β· staging

test.melon.tips
routing + style mirror

One shared design system, one set of ports, one kind of page. Use this host to preview tokens, layout, and traffic rules before they reach production.

00

Routes

How Caddy splits traffic. Twilio stays on its existing upstream; everything else lands on a test backend.

test.melon.tips

Static preview host. Uses the melon.tips tokens, topbar, and card system so style changes are verified before production.

/webhooks/twilio

Forwards to 127.0.0.1:8080. Proxied from test and production; do not redirect this path.

Root /

Reverses to 127.0.0.1:9001 from test.melon.tips. Pages here can change freely; upstream stays stable.

Active endpoints

httpshttps://test.melon.tips/200
twilio/webhooks/twilioPOST
local127.0.0.1:9001static
upstream127.0.0.1:8080app
01

Host map

Subdomains on melon.tips are isolated by host + reverse proxy. Keep prefixed previews (`www-<sub>-melon`), ports, and Caddy blocks aligned.

production

melon.tips

test

test.melon.tips

style

style.melon.tips

02

Tokens

These values come straight from the melon.tips design system. This page is intentionally copying them so differences show up in one place.

Surfaces

bg #f7f6f2 top #fbfaf6 bottom #f2f6ee

Brand

accent #2f6f4f dark #234f38 darker #173d2a

Garnish

melon red rim #fbfaf6

Hero gradient

Dark-rind gradient with a faint red highlight and 16px vertical stripes.

03

Same style, same page

This page is built from the style.melon.tips design system: tokens, type scale, card grid, gradient hero, and topbar all match on purpose.

Topbar + hero

Shared logo mark and gradient bar keep staging visually aligned with the live site.

Type

System sans only: Arial / Helvetica / sans-serif. No webfonts were added to this page.

Components

Cards, chips, pills, and section nav use the same radii, shadows, and spacing tokens as production.

04

Staging rules

A short set of house rules for the test host so new experiments don’t drift from the brand.

1
Keep test content boring Preview pages should feel like production pages. If it looks off-brand here, it should not ship.
2
Do not add fonts System Arial is the only typeface. Any swap belongs in the style guide first.
3
Hotlink style.melon.tips Keep the canary link in staging builds. If the style guide is wrong, production should already know.
05

Health notes

This host is a mirror. Its job is to show whether tokens, components, and routes are healthy before anyone copies them upstream.

Tokens

If a color or radius drifts here, it is not ready for production.

Type

Headings and body copy here should match production size and weight.

Routes

/webhooks/twilio must remain pinned to 127.0.0.1:8080.

07

Endpoints

Click any link to verify status. Filesystem error pages are served from /srv/lobster-radio/caddy/error-pages/current; wildcard unknown-host is at /unknown-host.html.

06

Bridge πŸ‰

This page is born from the melon.tips design system on style.melon.tips. Use it to preview host changes, tokens, components, and copy before they ship to production.

open melon.tips open style guide
copied πŸ‰