---
name: pyc-web
description: Build or restyle PYC / Power Youth Center website pages using the E1 identity and live IA. Use when working on hskb.com/poweryouth, a PYC site, nav, hero, seven-step pages, contact, or /pyc-web.
---

# PYC website

Identity rules live in the `pyc-identity` skill. This skill is page construction only.

Do not display pyc.com unless the user asks.

## Tokens

- Row max 1440px.
- H1 Latin 36/42 Bold −0.040em. H2 26/32 Bold −0.030em. H3 22/28. Nav 14/30 ink, hover `#015FFA`.
- Button `.pg-btn`: 17/20 Bold, 1px ink, radius 30px, transparent. Hover: blue border, not a fill.
- Ice `#F0F8FC`. Ink `#231F20`. Blue only on the mark and links.
- Breakpoints: 480 / 680 / 980 / 1100 / 1280 / 1400.

## Header

Left: E1 SVG, height ~22px. Right: text nav. No second crest. No fruit bar. Optional: bilingual lockup only if the user asks for the Chinese name in the header — never stacked under the mark.

## Home

1. Hero: one Chinese claim `点亮心灵的晴空。` then a short supporting line. One hollow pill CTA (Book a meeting / 预约一次见面).
2. Photography (sky, room, window). No illustration, no medical imagery.
3. Three beats: what we do / what we solve / why.
4. Seven steps as a grid, not a flowchart.

## IA

Home · Path · seven method pages · Challenges · Family · School · Society · Institution · Experts · Academy · Six Years · Calm Growth · News · About · Contact.

Footer: 180 0257 8387, 0755-29903990, four Shenzhen addresses, Power Youth Center. No domain line unless asked.

## Copy

Growth challenge, not a diagnosis. Seven things at once. Parents first on Contact. Do not paste Harvard/Yale as partners.

## Don’t

Solid blue buttons. CSS invert of the mark. Retyping PYC. Melting 动力少年 into the letters. Mega-menu illustration. A second blue.