Brand story
Central Children Academy — known to families as CCA School — is a CBSE & RBSE-affiliated day-cum-boarding school in Jhunjhunu, Rajasthan, run by the CCA Group of Education. We serve Nursery through Class 12.
Our brand stands for warm, modern, family-rooted education. We talk like a respected school principal, not a marketer. Aspirational but never boastful. Confident but never corporate.
Use these guidelines whenever you create anything that carries the CCA name — a website page, a school flyer, a parent email, a social post, a hiring landing page. Consistency builds trust.
Logo
The CCA mark is a shield with a torch, book and rising sun — symbolising character, learning and aspiration. Always render it as supplied; never recreate or alter.
Clear space & minimum size
Always leave clear space around the logo equal to at least the height of the shield (≈ 1×). Don't crowd text, photos or other graphics inside this zone.
Minimum digital size: height 40px. Minimum print size: height 20mm. Below these the wordmark becomes illegible.
Don'ts
Stretch, squash or skew the logo. The proportions are locked.
Place over busy, low-contrast or strongly coloured backgrounds. Use a solid panel behind it instead.
Add drop shadows, glows, outlines or other effects.
Use the supplied PNG/SVG on white or very-light cream backgrounds at the correct aspect ratio.
Colours
Click any swatch to copy the hex. Use CSS variable names in code so a future palette refresh is one line of CSS.
Primary
Bright variants (gradient partners)
Neutrals
State colours
Signature gradients
Four locked gradients. Don't invent new ones — these are the brand.
Typography
Two families. Poppins for display. Inter for everything else. Loaded from Google Fonts with display=swap.
Poppins
Display / headings · weights 600, 700, 800
abcdefghijklmnopqrstuvwxyz
0123456789 !&?,.
Inter
Body / UI · weights 400, 500, 600, 700
abcdefghijklmnopqrstuvwxyz
0123456789 !&?,.
Type scale
Geometry
Consistent radii and padding rhythm. When in doubt, snap to these values.
Border radius
8–10px for small UI (chips, inputs, small buttons). 14–20px for cards. 999px for pills & badges.
Spacing rhythm
Use multiples of 4px. Common values: 8 · 12 · 14 · 16 · 22 · 24 · 30 · 36 · 40. Section vertical padding: 60–80px desktop, 36–48 mobile.
Shadows
0 1px 2px #141414140 6px 18px #000000100 15px 40px #0C67AF1A0 30px 80px #0000004DSubtle for chips · soft for resting cards · lift for hover & floating cards · deep for modals.
Borders
1px #E9E6DF (var --line) for resting card borders. 2px rgba(12,103,175,0.10) for cards with hover-darken behaviour. 1.5px for form inputs.
Motion
Subtle, fast, never bouncy. Default transition: all 0.3s ease. Hover effects matter — they signal interactivity.
Other defaults: focus ring = 3px brand-soft halo. Reveal-on-scroll = fade-up 10–20px, 600ms ease-out, staggered 80ms. No parallax, no bouncing easings, no spinning.
Iconography
Font Awesome 6 Free · Solid. One icon family across the site keeps everything consistent. Icons inherit colour from context — orange on light, white on blue.
UI components
Live, ready-to-copy patterns. Build new pages from these — don't reinvent.
<button class="btn btn-primary">Apply now →</button> <button class="btn btn-secondary">Learn more</button> <button class="btn btn-ghost">Cancel</button>
Voice & tone
Warm, confident, professional. We sound like a respected school principal — not a marketing agency. Address candidates and parents as adults.
Do
- "Join a school that's been building character and careers in Jhunjhunu since 2008."
- "We're looking for a teacher who'll set the bar for what a CBSE classroom can feel like."
- "Apply by 31 May. We'll get back within a few working days."
- Use specific facts: years, board affiliations, class sizes.
Don't
- "Are you a rockstar educator? 🚀" — too informal.
- "India's #1 school" — unsupported superlative.
- "We're an awesome family" — vague, agency-speak.
- No emoji in body copy (📍 in location chips is fine).
Imagery
Show real students, real classrooms, real campus. Never use generic agency stock.
Do
- Real classroom photos with students in focus.
- Campus shots — buildings, library, labs, sports ground.
- Solid brand-gradient surfaces with the white grid SVG overlay.
- Faculty in candid teaching moments.
Don't
- Stock handshake photos.
- Smiling diverse-team stock images that look agency-staged.
- Photos with heavy colour filters that override brand palette.
- Children's faces without consent / model release.
SEO & metadata defaults
Every new page on ccaschool.in should follow these patterns. Search engines, link previews and email clients all read them.
Title format
<title>{Page Title} | CCA School</title>
Standard meta block
<meta name="description" content="{120–160 char summary specific to this page}">
<meta name="robots" content="index, follow">
<meta name="author" content="CCA School">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="{Page Title} | CCA School">
<meta property="og:description" content="{same as description}">
<meta property="og:url" content="https://ccaschool.in/{path}/">
<meta property="og:image" content="https://ccaschool.in/building.png">
<meta property="og:site_name" content="CCA School">
<link rel="canonical" href="https://ccaschool.in/{path}/">
<link rel="icon" type="image/png" href="/ccalogo.png?v=1.0">
Geo tags (Jhunjhunu)
<meta name="geo.region" content="IN-RJ"> <meta name="geo.placename" content="Jhunjhunu, Rajasthan"> <meta name="geo.position" content="28.1217;75.3978"> <meta name="ICBM" content="28.1217, 75.3978">
Downloads
Use the supplied logo files. Don't recreate or trace.
Need something else?
Email care@ccaschool.in with what you're working on — we'll send the right asset and review the final design before it goes live.