A secondary roleplay school on Roblox · Years 7–11

Direction A · Cream Editorial

Design system

The shared colours, type, buttons and patterns every page uses. Change them once in src/styles/tokens.css.

Colour

  • Crimson #990000 Buttons, links, eyebrows, icons, values band
  • Deep crimson #6E0A0A Utility bar, hover states
  • Cream #F8F2E8 Page background
  • Sand #EFE4D3 Alternate sections
  • Line #E6D9C6 Card borders
  • Line strong #D8C7AE List rules
  • Ink #2A1A18 Text, dark panels, footer
  • Muted ink #4A3833 Body text
  • Soft ink #5B4636 Secondary text
  • Blush #F6E3E3 Icon circles, active nav
  • Gold light #F2C98A Eyebrows on dark only
  • Gold #B5832F Fills and accents

Type

Eyebrow · Lexend 600

Learn today, lead tomorrow.

Heading two · Fraunces 400

Heading three · Fraunces 600

Body lede · Lexend 400. Kingston Park runs like a real secondary school, with a curriculum for every subject from Year 7 to Year 11.

“Quotes use Fraunces italic.”

Buttons and links

Primary Outline Text link →
Light Ghost White

Icons in blush circles

  • book
  • users
  • heart
  • award
  • bag
  • board
  • globe
  • cap
  • home
  • flag
  • clock
  • star
  • calendar
  • pass
  • shield
  • clipboard
  • chat
  • lock
  • dove

Cards, labels, quick links and placeholders

Teaching & Learning Photo placeholder

[date]

[Headline placeholder]

Category labels

Teaching & LearningInclusionWhole school

Quick links

Term dates Safeguarding