01 / primary voice
Pally.
Aa Bb Cc 0123456789
Headings, body, graphics and controls.
400500700
Get Pally from Fontshare find your place.
Read in order, or jump straight to the detail you need.
meet SIPKVH.
SIP Abacus Kasavanahalli teaches abacus and mental maths to children in Bengaluru. Our designs should welcome children and reassure their parents.
one small step.
so much possibility.
so much possibility.
To give every child a calm, playful path to fast mental maths, and to give every parent good reason to trust it.
our names.
in their own right.
Choose the identity that matches the message. Always use the original artwork.
SIP Abacus Kasavanahalli
Centre posters, classes, events and parent communications.
Download PNG1512 × 722 px · full colour
sipkvh.app
The learning app, its interface and product guides.
Choose an app format ↓originals, ready to use.
Get everythingapp lockups.
sipkvh.app · green
PNG · 6150 × 1050 px
sipkvh.app · black
PNG · 1539 × 263 px
sipkvh.app · white
PNG · 6150 × 1050 px
compact app marks.
sipkvh.app · black icon
PNG · 96 × 96 px
sipkvh.app · green icon
SVG · scalable original paths
Use in recognised app contexts. The 96 px black icon is for small screens.
1×1×≥ 120 px widegive the identity room.
Leave at least 1× on every side. Here, × is the SIP capital-letter height; for the app, use its symbol height.
- Institution
- 120 px wide
- App lockup
- 100 px wide
- Icon
- 24 px
Screen minimums. Enlarge for print and projection.
Keep the full institution name and lockup intact. On a coloured layout, give it a white panel. Only the supplied app lockup has a reversed white version.
green leads.
colour brings the joy.
White and ink lead. Brand green makes it ours. Choose one supporting family for each composition.
brand green
#16A34Aink
#0A0A0Bmuted ink
#71717Asurface
#FFFFFFhairline
#E4E4E8every colour has a job.
one small step.
A playful way to see numbers.
Supporting words. A quieter voice.Give the message a hierarchy.Ink headings. Muted supporting copy. Neutral borders, even when they are thick.
one small step.
A playful way to see numbers.
Supporting words. A quieter voice.Make every edge and word ink.Heavy outlines compete with the message. The supporting words need a quieter colour.
- Headings & essentials
- #0A0A0B · foreground
- Supporting words
- #71717A · muted foreground
- Ordinary outlines
- #E4E4E8 · border
On a supporting colour, use its 950 shade for headings and 900 for supporting words. The QR frame has its own ink-border recipe.
supporting colours.
300 background / 400 accent / 900 muted / 950 textemerald
300 · background
#6EE7B7400 · accent
#34D399900 · muted text
#064E3B950 · main text
#022C22orange
300 · background
#FDBA74400 · accent
#FB923C900 · muted text
#7C2D12950 · main text
#431407blue
300 · background
#93C5FD400 · accent
#60A5FA900 · muted text
#1E3A8A950 · main text
#172554yellow
300 · background
#FDE047400 · accent
#FACC15900 · muted text
#713F12950 · main text
#422006rose
300 · background
#FDA4AF400 · accent
#FB7185900 · muted text
#881337950 · main text
#4C0519a little
colour.
Dark text on a light colour.300 background · 950 headline · 900 body · 400 accent
a little
colour.
White text on a light colour.The words disappear into the background.
Use ink for small text on white. Green on white is for large text: 24 px regular or 18.67 px bold. Supporting emerald stays secondary to brand green.
Check exact contrast ratios
warmth in the words.
character in the type.
Bold Pally leads our headings. Sentient adds selective editorial emphasis.
02 / editorial companion
Sentient.
Aa Bb Cc 0123456789
Selective emphasis, reports and certificates.
400500700
Get Sentient from Fontshare little beads.
growing confidence.
One voice, one emphasis.Pally leads. Sentient adds a considered moment.
LITTLE BEADS!!!
GROWINGconfidence!!!Make every word compete.No extra decorative fonts or constant shouting.
lowercase. with punctuation.
Use lowercase titles and end with a punctuation mark. Preserve proper names and acronyms.
make room for wonder.
Make Room For Wonder
Keep the name as written: “meet SIPKVH.”
headline / 48 px
room to grow.
heading / 32 px
one bead at a time.
body / 16–18 px
Small, steady practice builds confidence.
caption / 14 px
SIP Abacus Kasavanahalli
space makes
the difference.
Give one idea the most space. Let everything else support it.
small steps.
big confidence.
One focal point. Room around it.Left-aligned words, a quiet margin, a single accent.
NEW! AMAZING!
SMALL STEPS!
BIG CONFIDENCE!
READ THIS!AND THIS!ACT NOW!DO NOT MISS!
Too many messages. Too little space.Fill every gap.Competing boxes and headlines bury the message.
a rhythm you can see.
The green blocks are identical. Only the white padding changes, in an 8 px rhythm. Phone content starts 24 px from the edge.
corner radii.
10–16 px20–32 px- Border
- 2–3 px
- Featured border
- 3–6 px
- Content width
- 1200 px maximum
- Gutters
- 24 px phone / 48 px desktop
Keep native website controls unchanged. QR frames use their own proportions.
room
to grow.
Let colour define the edge.A flat field with soft, visible corners.
room
to grow.
Add another outline.Coloured cards usually need no border or shadow.
the bead is our signature.
Original SVG24 : 11
Use the original silhouette.Scale evenly. Stack, rotate or crop at the edge.
Redraw, replace or stretch it.A circle or capsule is not our bead.
shapes, with a clear role.
One identity motif. Four supporting shapes.Don’t.
Never replace the bead.
Geometric shapes can decorate a layout. They cannot stand in for our bead, form an abacus or replace any part of a logo. Use them sparingly, away from words and logo clear space. Keep controls and photo frames rectangular, with softly rounded corners.
familiar details belong together.
Match these website buttons and form controls when designing a new page.
real people.
real little moments.
Use authorised photos of our students, teachers and centre. Keep faces, hands and skin tones natural.
Real people. Natural colour.Room around the subject, in our padded dashed frame.
Crop too close to people.Keep faces and hands intact. Resize the frame before cutting someone out.
three moments to look for.
ideas for your next shoot4 : 5
1 : 1
16 : 9
a little movement, with a purpose.
Press play to compare.Motion should help someone feel ready, understand a change or enjoy an interaction. Choose the job first, then the movement.
let’s begin.
Ready to begin.Build anticipation.A small shake says the exam is getting ready. It settles as soon as the next step is available.
let’s begin.
Ready to begin.Keep moving without a reason.Unrelated spinning and wobbling compete with the task. There is no useful moment to settle.
Exam-start feedback in the learning app.
Reduced motion. Keep the meaning. Change the movement. Show the ready state, complete explanation or confirmation immediately, without shaking, travelling or bouncing. Every word, action and focus state remains available.
Examples play only when requested and stop after a short comparison. No flashing.
Motion examples stopped.write like a person.
one who cares.
Speak to parents as trusted equals and children as capable people.
Give your child a calm, playful way to get fast at mental maths.
Unlock your child's limitless potential with our revolutionary program!!!
A clear path from the very first bead to full mental calculation.
Our best-in-class curriculum is truly second to none.
colour. centre. maths.
British/Indian English.
Write “colour”, “centre” and “maths”. For example: “Enrol at our centre”, rather than “Enroll at our center”. Keep official names unchanged.
Short sentences.
Give each sentence one job. “Practise for ten minutes. Bring your abacus.” Use full stops or commas instead of em dashes.
No unsupported promises.
Describe the real benefit: “Build confidence through steady practice.” Never promise “Guaranteed top marks” or invent achievements, results or testimonials.
different canvases.
the same character.
Keep the same type, space and signature bead. Adapt the layout to the format.
make room
for a little
wonder.
SIP Abacus
Kasavanahalli
Kasavanahalli
our centre Layout studies, shown at reduced size.
one
headline.
headline.
posters & print.
A4 / A3 · 3 mm bleed* · 300 dpi
Headline → essential details → one action.social & WhatsApp.
1080 px wide · 1080 / 1350 / 1920 px tall
One message, readable in a phone preview.websites.
Phone first · 24 px phone gutters
Use the same controls and hierarchy at every size.certificate of achievement
presented to[Student name]
For steady practice and growing confidence
in mental maths.
[Date][Authorised signatory]
reports & certificates.
Sentient leads · Pally supports
The name leads. Use verified wording and an authorised signatory.* Confirm bleed and colour profile with the printer. These are format studies. Bracketed fields are placeholders, not issued credentials.
make the next step.
easy to reach.
Generate a real SIPKVH QR. Give it space, add a readable link and test the final artwork.
2 px border4 px padding
60 px QR
PDF reference measurements. Preview scales to fit.
A real code. A clear white surround.sipabacuskvh.com/brand
keep it black on white.
Preserve the generated modules, finders and original app mark. No recolouring, stretching, extra logo or animation.
leave the quiet zone empty.
Keep the white margin included in the PNG. Our PDF frame uses a 2 px ink border, 4 px padding and 8 px corners around a 60 px code. Scale these together, with labels outside.
test the final artwork.
Scan the exported phone preview, printed proof or projected slide. Confirm the exact destination and include a readable URL.
How SIPKVH generates QR codes
Use sipkvh.app/qrcode with data set to the URL-encoded destination and w set to the square size in pixels (up to 1000; default 300). It returns a PNG. The form above uses a 1000 px image with a 59 px outer margin to match our PDF framing. Other callers can set the optional margin; its default is zero.
- Encoding
- Automatic version · Byte mode · Q error correction
- Centre mark
- Original black app icon · imageSize 0.4 · background dots hidden · logo margin 0
- Geometry
- Rounded modules · extra-rounded finder squares · dot centres
The logo margin is not the quiet zone. For a larger export, generate at the required resolution with these same settings. Never upscale a small raster code or draw a QR with AI.
one last look.
then hand it over.
Check the actual phone preview, projected slide or printed proof.
designing with AI.
start with the rules.
One complete prompt, ready for a fresh project. Add your brief; the rules, component recipes, fonts and original asset links are included.
your starting prompt.
Copy the prompt, fill in the three brief fields, then paste it into your design tool. No private files or component library needed.
Guide v1.4.0