SiteStyleGuide

Unofficial A style guide made by SiteStyleGuide from hkrsa.asia’s public web pages. Not affiliated with or endorsed by 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy. The real site is hkrsa.asia ↗

香港專業花式跳繩學校 Hong Kong Rope Skipping Academy logo

Unofficial style guide

香港專業花式跳繩學校 Hong Kong Rope Skipping Academystyle guide

香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s website (hkrsa.asia) uses Montserrat for its headings and body text. Its palette is led by Indian Red (#D94948), Golden Rod (#F0B922) and Dodger Blue (#0D9DEC), with #808285 text on #FFFFFF. Captured from the live site on 1 November 2026.

Website
hkrsa.asia
Typefaces
Montserrat, Roboto, Astra
Palette
4 neutrals, 12 colours, 3 gradients
Captured
1 Nov 2026 · added by @sitestyleguide
Save Add to collection Share Report
https://hkrsa.asia/ Screenshot
Screenshot of the hkrsa.asia homepage on a desktop screen
Screenshot of hkrsa.asia on a 1440 px desktop screen, 1 Nov 2026.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title
主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy
● 47 / 60 characters
Meta description
香港專業花式跳繩學校為全港歷史最悠久的私營跳繩公司，同時亦擁有全港最大型室內跳繩訓練場地。本校主要業務包括：花式跳繩課程、花式跳繩教練服務、舉辦跳繩賽事、跳繩級別考核、花式跳繩教練培訓、跳繩表演及器材銷售等等。本校全職教練均持有中國香港跳繩總會認可之教練資格，同時亦是現任或歷屆香港跳繩代表隊成員，擁有豐富的跳繩知識及教學經驗。
▲ 164 / 160 characters
Site name
香港專業花式跳繩學校 Hong Kong Rope Skipping Academy
og:title
主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy
og:description
香港專業花式跳繩學校 PASSION NEVER ENDS 跳繩學校 – 簡介 香港專業花式跳繩學校於2007年成立，為全港歷史最悠久的私營跳繩公司，同時亦擁有全港最大型室內跳繩訓練場地。本校主要業務包括：花式跳繩課程、花式跳繩教練服務、舉辦跳繩賽事、跳繩級別考核、花式跳繩教練培訓、跳繩表演及器材銷售等等。 花式跳繩是一項全身運動，不但能幫助強化肌肉骨骼、心肺功能，而且能訓練身體的協調能力，因而近年亦日漸普及。花式跳繩歷史悠久，時至今日已發展成千變萬化的組合，容易入手同時富挑戰性及難度。花式跳繩亦會配合音樂，是運動與藝術結合，能創立出一套既賞心悅目又緊張的新穎表演。 花式跳繩課程 體驗班丨興趣班丨拔尖班丨青苗班丨精英班 跳繩能力評級 初級丨中級丨高級 花式跳繩比賽 速度丨花式個人賽丨國體賽丨校際賽 跳繩學校教練介紹 本校全職教練均持有中國香港跳繩總會認可之教練資格，同時亦是現任或歷屆香港跳繩代表隊成員。擁有豐富的跳繩知識及教學經驗。除了全職教練外，本校亦有超過100位由準體育老師或香港跳繩代表隊成員的兼職教練。為確保教學素質，本校定期舉辦教練培訓，邀請不同專家進行分享，更全面裝備自己。
Language
en-US

In search results

香港專業花式跳繩學校 Hong Kong Rope Skipping Academyhttps://hkrsa.asia/

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy

香港專業花式跳繩學校為全港歷史最悠久的私營跳繩公司，同時亦擁有全港最大型室內跳繩訓練場地。本校主要業務包括：花式跳繩課程、花式跳繩教練服務、舉辦跳繩賽事、跳繩級…

When shared

The image 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy shares with links

hkrsa.asia

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy

香港專業花式跳繩學校 PASSION NEVER ENDS 跳繩學校 – 簡介 香港專業花式跳繩學校於2007年成立，為全港歷史最悠久的…

Back to top ↑

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#808285) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used
  • White 53%
  • Black 8.3%
  • Off White 7.9%
  • Grey 5.9%
  • Indian Red 3.9%
  • Golden Rod 3.5%
  • Dodger Blue 3.5%
  • Steel Blue 3.4%
  • Deep Sky Blue 3%
  • Light Slate Grey 1.3%
  • Medium Purple 1.1%
  • Light Steel Blue 1.1%
  • Medium Sea Green 1.1%
  • Yellow Green 1%
  • Deep Steel Blue 1%
  • Gold 1%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

  • White

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 0
    On text
    3.85:1 AA large
    On white
    —

    Text, background, graphic · body, .ast-separate-container .ast-article-single:not(.ast-related-post)

  • Black

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 100
    On text
    5.45:1 AA
    On white
    21.00:1 AAA

    Text, background, graphic · .elementor-10 .elementor-element.elementor-element-18fd8a78 .elementor-nav-menu-, .ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hov

  • Off White

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 0 0 13
    On text
    2.84:1 Fail
    On white
    1.36:1 Fail

    Border, text, background · .ast-button, .site-footer .widget-title

  • Grey

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    4 2 0 48
    On text
    —
    On white
    3.85:1 AA large

    Text · body, .entry-content :where(h1)

Colours

Brand colours and accents, most used first

  • Indian Red

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 66 67 15
    On text
    1.09:1 Fail
    On white
    4.20:1 AA large

    Text, background, border · .ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle, .ast-header-break-point .ast-mobile-menu-buttons-fill.menu-toggle

  • Golden Rod

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 23 86 6
    On text
    2.14:1 Fail
    On white
    1.80:1 Fail

    Text, background, border · a, .single .nav-links .nav-previous

  • Dodger Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    94 33 0 7
    On text
    1.29:1 Fail
    On white
    2.98:1 Fail

    Background, text, border · .elementor-125 .elementor-element.elementor-element-ff5f49c:not(.elementor-motio, .elementor-125 .elementor-element.elementor-element-4c0d2f9:not(.elementor-motio

  • Steel Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    99 39 0 25
    On text
    1.28:1 Fail
    On white
    4.95:1 AA

    Background, text, border · ::selection, input[type=range]::-webkit-slider-thumb

  • Deep Sky Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    85 30 0 3
    On text
    1.55:1 Fail
    On white
    2.48:1 Fail

    Background, border · .menu-toggle, .elementor-widget-button .elementor-button

  • Light Slate Grey

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    28 12 0 28
    On text
    1.42:1 Fail
    On white
    2.71:1 Fail

    Text · .qr-code-title, .chaty-whatsapp-input::placeholder

  • Medium Purple

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    18 35 0 20
    On text
    1.28:1 Fail
    On white
    3.02:1 AA large

    Background, border · .chaty-contact-form-box button.chaty-submit-button[type=submit], .qr-code-header

  • Light Steel Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    100 52 0 0
    On text
    1.04:1 Fail
    On white
    4.02:1 AA large

    Background, text, border · .swiper-pagination-bullet-active, .swiper-pagination-progressbar .swiper-pagination-progressbar-fill

  • Medium Sea Green

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    50 0 50 28
    On text
    1.55:1 Fail
    On white
    2.48:1 Fail

    Background, text · .elementor-element.elementor-button-success .elementor-button, .elementor-widget-button .elementor-button .elementor-button-success

  • Yellow Green

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    40 0 77 24
    On text
    1.76:1 Fail
    On white
    2.19:1 Fail

    Text, background, border · .hfe-cart-menu-wrap-custom .hfe-cart-count, .hfe-cart-menu-wrap-default .hfe-cart-count

  • Deep Steel Blue

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    81 28 0 43
    On text
    1.56:1 Fail
    On white
    6.03:1 AA

    Background, border · button:focus, .elementor-widget-button .elementor-button:hover

  • Gold

    HEX
    RGB
    HSL
    OKLCH
    CMYK
    0 12 91 7
    On text
    2.50:1 Fail
    On white
    1.54:1 Fail

    Background · .elementor-125 .elementor-element.elementor-element-317edb3 > .elementor-widget-, .elementor-125 .elementor-element.elementor-element-e9cdb3f > .elementor-widget-

Gradients

  • linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))

  • linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))

  • linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))

Back to top ↑

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

Montserrat

Aa 400 Aa 700

Montserrat

Google Fonts · weights 400, 700 · headings, body, buttons

Aa 100 Aa 900

Roboto

Self-hosted · weights 100, 200, 300, 400, 500, 600, 700, 800, 900 · headings · shown in a stand-in if you don’t have it

Aa 400 Aa 700

Astra

Self-hosted · weights 400, 700 · buttons · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS · root 15 px
Heading 1 4.6666666666667rem · 70 px / 1.4em weight 700 · Montserrat

香港專業花式跳繩學校 Hong Kong Rope Skipping Academy

Heading 2 2.2666666666667rem · 34 px / 1.3em weight 700 · Montserrat

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skip…

Heading 3 1.5333333333333rem · 23 px / 1.3em weight 700 · Montserrat

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skip…

Heading 4 1.0666666666667rem · 16 px / 1.2em weight 700 · Montserrat

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skip…

Heading 5 0.93333333333333rem · 14 px / 1.2em weight 700 · Montserrat

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skip…

Heading 6 0.8rem · 12 px / 1.25em weight 700 · Montserrat

主頁 - 香港專業花式跳繩學校 Hong Kong Rope Skip…

Body 1rem · 15 px / 1.8571428571 weight 400 · none · Montserrat

香港專業花式跳繩學校為全港歷史最悠久的私營跳繩公司，同時亦擁有全港最大型室內跳繩訓練場地。本校主要業務包括：花式跳繩課程、花式跳繩教練服務…

Paragraph 100%

香港專業花式跳繩學校為全港歷史最悠久的私營跳繩公司，同時亦擁有全港最大型室內跳繩訓練場地。本校主要業務包括：花式跳繩課程、花式跳繩教練服務…

Small 80%

香港專業花式跳繩學校為全港歷史最悠久的私營跳繩公司，同時亦擁有全港最大型室內跳繩訓練場地。本校主要業務包括：花式跳繩課程、花式跳繩教練服務…

Button 1rem · 15 px / 1em weight 600 · uppercase · Montserrat

Get started

Link 100%

Read more about 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy

Sizes in use

Most common across the site
  • 30pxline 1.2 · 6 rules
  • 23pxline 1.4 · 6 rules
  • 20pxline 1.5 · 10 rules
  • 18pxline 1.6 · 11 rules
  • 16pxline normal · 13 rules
  • 15pxline 1 · 18 rules
  • 14pxline 1 · 16 rules
  • 13pxline 1.8 · 13 rules

Back to top ↑

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Button

Get started

.chaty-contact-form-box button.chaty-submit-button[type=submit] · #A886CD · radius 4px

Link

Read our latest news today.

a · #4169E1

Corner radius

  • 50% · 18×
  • 2px · 12×
  • 3px · 7×
  • 4px · 7×
  • 6px · 5×

Shadows

  • 4px 6px 10px 0px rgba(0,0,0,0.5)
  • 2.6px 2.6px .4px #ccc,0 0 2.6px #d9d9d9
  • 0 0 0 rgba(255,221,0,.37),0 0 0 rgba(255,224,26,.37)
  • 0 16px 24px 0 rgb(73 104 126 / 16%)

Back to top ↑

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

544
767
768
921
922
1024
1025
1200

On a scale of 0 to 1440 px.

Content widths (max-width)

1200 px
1140 px
1024 px
898 px
580 px
370 px

Back to top ↑

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

  • ● FineThe title is 47 characters, short enough to show in full in search results.
  • ▲ CheckThe description is 164 characters. Search results usually show about 160.
  • ▲ CheckBody text (#808285 on #FFFFFF) has a contrast of 3.85:1, under the 4.5:1 WCAG asks for.

Back to top ↑

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy use?
香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s website uses three typefaces: Montserrat (headings and body text), google Fonts; Roboto, self-hosted; Astra, self-hosted.
What are 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s brand colours?
The main colours on hkrsa.asia are Indian Red (#D94948), Golden Rod (#F0B922), Dodger Blue (#0D9DEC), Steel Blue (#0274BE), Deep Sky Blue (#24AEF7) and Light Slate Grey (#83A1B7).
What colour is 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s text and background?
Body text is #808285 on a #FFFFFF background.
Where is 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s logo from?
The logo shown in this guide was found on hkrsa.asia’s homepage. For official logo files and usage rules, check 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s own brand or press page.
Is this 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s official style guide?
No. SiteStyleGuide made it from hkrsa.asia’s public web pages on 1 November 2026, and isn’t affiliated with 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

hkrsa-asia-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* hkrsa.asia design tokens, from SiteStyleGuide (https://sitestyleguide.com/hkrsa.asia) */
:root {
  /* Colours */
  --text: #808285;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-off-white: #DDDDDD;
  --colour-grey: #808285;
  --colour-indian-red: #D94948;
  --colour-golden-rod: #F0B922;
  --colour-dodger-blue: #0D9DEC;
  --colour-steel-blue: #0274BE;
  --colour-deep-sky-blue: #24AEF7;
  --colour-light-slate-grey: #83A1B7;
  --colour-medium-purple: #A886CD;
  --colour-light-steel-blue: #007AFF;
  --colour-medium-sea-green: #5CB85C;
  --colour-yellow-green: #75C32C;
  --colour-deep-steel-blue: #1C6992;
  --colour-gold: #ECD015;
  --gradient-1: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
  --gradient-2: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
  --gradient-3: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));

  /* Typefaces */
  --font-headings: 'Montserrat', sans-serif;
  --font-body: 'Montserrat', sans-serif;
  --font-buttons: 'Montserrat', sans-serif;

  /* Type scale */
  --text-h1: 4.6666666666667rem;
  --leading-h1: 1.4em;
  --text-h2: 2.2666666666667rem;
  --leading-h2: 1.3em;
  --text-h3: 1.5333333333333rem;
  --leading-h3: 1.3em;
  --text-h4: 1.0666666666667rem;
  --leading-h4: 1.2em;
  --text-h5: 0.93333333333333rem;
  --leading-h5: 1.2em;
  --text-h6: 0.8rem;
  --leading-h6: 1.25em;
  --text-body: 1rem;
  --leading-body: 1.8571428571;
  --text-p: 100%;
  --text-small: 80%;
  --text-button: 1rem;
  --leading-button: 1em;
  --text-a: 100%;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 2px;
  --radius-3: 3px;
  --radius-4: 4px;
  --radius-5: 6px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 544px;
  --breakpoint-2: 767px;
  --breakpoint-3: 768px;
  --breakpoint-4: 921px;
  --breakpoint-5: 922px;
  --breakpoint-6: 1024px;
  --breakpoint-7: 1025px;
  --breakpoint-8: 1200px;
  --max-width-1: 1200px;
  --max-width-2: 1140px;
  --max-width-3: 1024px;
  --max-width-4: 898px;
  --max-width-5: 580px;
  --max-width-6: 370px;
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run hkrsa.asia?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

View our style guide on SiteStyleGuide 
<a href="https://sitestyleguide.com/hkrsa.asia" title="香港專業花式跳繩學校 Hong Kong Rope Skipping Academy style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

Also set in Montserrat

Other websites using Montserrat as their main typeface

Similar colours

Websites whose lead colour is closest to 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy’s

Captured from hkrsa.asia on 1 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by 香港專業花式跳繩學校 Hong Kong Rope Skipping Academy; this guide describes the public website for reference.