01 / Brand essence - Selected existing identity
SquadBatch
People-first cohort, batch and squad management SaaS; organise learning groups and communities with belonging and coordinated cohorts.
Audience
Trainers academies and learning communities
Selected identity
Keeping the selected symbol, lettering and colours together preserves recognition across this kit and its new collateral.
Voice
Welcoming / Collaborative / Purposeful
02 / Logo architecture
Five lockups, one identity
Choose the exported lockup that fits the space. Preserve the supplied artwork, proportions and approved colour treatment.
03 / Space and scale
Give the logo room
One unit x equals 42.667 px on the 128 px symbol canvas. Keep one x on every side. The safe area is 213.333 x 213.333 px; each margin is 33.333% of the canvas width.
Minimum digital widths: horizontalPx: 140px, stackedPx: 96px, wordmarkPx: 106px, symbolPx: 32px, avatarPx: 48px.
- Never stretch, compress or rotate the artwork.
- Never recolour individual pieces or introduce gradients.
- Do not add shadows, bevels, outlines or textures.
- Keep text and other elements outside the clear space.
04 / Colour and typography
A consistent colour and type system
| Role | HEX | RGB | Approx. CMYK |
|---|---|---|---|
| Primary | #0F2D5B | [15, 45, 91] | {'c': 84, 'm': 51, 'y': 0, 'k': 64} |
| Secondary | #14B8A6 | [20, 184, 166] | {'c': 89, 'm': 0, 'y': 10, 'k': 28} |
| Ink | #0F2D5B | [15, 45, 91] | {'c': 84, 'm': 51, 'y': 0, 'k': 64} |
| Paper | #F5F7F8 | [245, 247, 248] | {'c': 1, 'm': 0, 'y': 0, 'k': 3} |
| White | #FFFFFF | [255, 255, 255] | {'c': 0, 'm': 0, 'y': 0, 'k': 0} |
| Black | #111111 | [17, 17, 17] | {'c': 0, 'm': 0, 'y': 0, 'k': 93} |
| Source Accent 1 | #FF6B6B | [255, 107, 107] | {'c': 0, 'm': 58, 'y': 58, 'k': 0} |
| Source Accent 2 | #84CC16 | [132, 204, 22] | {'c': 35, 'm': 0, 'y': 89, 'k': 20} |
CMYK values are approximate process conversions; confirm the final colour in the intended print workflow.
Logo lettering
Logo lettering: Inter. Exact supplied paths are outlined; the logo needs no local font.
Assigned marketing typography
Display: Inter. Body: Inter. See fonts.json for actual files, availability and licence/source details. Source-only system fonts are not redistributed.
Normal text needs at least 4.5:1 contrast. Keep bright accents and patterns clear of dense copy unless the final text/background pair passes that threshold.
05 / Brand in the world
One recognisable voice
A place in the cohort
Three small squad pods gather around an open learning table with a shared coordination path.
Use welcoming group clusters, a clear shared centre and guide-like labels; cards put people and belonging ahead of a software dashboard.
Keep patterns quiet behind text and preserve readable contrast.
Website QR and letterhead use
This kit: QR at least 20 mm including the 4-module white quiet zone. ECC Q; no logo overlay. Keep the 174 x 210 mm letterhead writing area blank. Print supplied PDFs at actual size and test the final QR. Destination: https://squadbatch.com. QR version: 3; data modules: 29. Actual card QR square: 20.0 mm including quiet zone. Writing area starts 18 mm from the left and 54.5 mm from the top of the finished trim. QR source and decode records: collateral/qr-code.json. Letterhead header, footer and writing-area bounds: collateral/stationery-layout.json.
QR payload, encoding and decode record / Stationery layout bounds / Website QR SVG / Actual-size business cards PDF / A4 letterhead PDF
Build learning groups with purpose and belonging
Explore a cohort management concept, practical guides and a planner for purposeful learning groups.
Plan a learning squad - squadbatch.com
06 / Handoff and file map
The working kit
- variants/index.json - all lockups, treatments, dimensions and minimum sizes.
- brand-tokens.json - palette, type, spacing and contrast guidance.
- fonts.json - companion font files and licences.
patterns/- three concept-specific supporting patterns.- motion/index.json - actual animation dimensions and timings.
- favicon-set.zip - complete browser and app icons.
collateral/- social and brand-card artwork.- brand-guidelines.pdf - six-page PDF.
- design.json - concept and repository evidence.
Motion and loading
Squad pods gather around a shared learning centre and a guide path connects them. Intro 2.74s / loop 4.44s / loader 1.46s. Loader canvas: 200 x 200 px. Use static output for reduced motion; hide the loader when actual content is ready.
Browser and app icons
ICO 16 / 32 / 48 px; PNG 16 / 32 / 48 / 96 px. Apple 180; Android 192 / 512. Optical inset: 12.5%. Opaque app tiles; central 80% maskable safe circle. Native monochrome Safari mask supplied. Use these exports below normal logo minimums.
Actual icon context previews / Icon usage notes / Motion usage
Logo masters retain their original vector paths, paint and lettering. Use SVG for scalable placement and PNG at its intended pixel size. Keep source artwork and tokens together.
User-selected identity. No website deployment was changed.