Speakly Brand Guidelines

Speakly brand guidelines

Official brand guidelines for Speakly, Genspark's AI language learning & speaking practice app. Use the assets below to represent the Speakly brand consistently across all materials.

02 — Logo Usage

Do's & Don'ts

These rules ensure the logo always appears correctly and maintains its integrity. Follow them across all media and contexts.

✓
Solid dark background
On dark backgrounds, use the dark version of the logo — white wordmark and icon.
✓
Solid light background
On light backgrounds, use the default black logo. Never place black on black.
✕
Busy / patterned background
Do not place the logo on patterned, textured, or visually competing backgrounds.
✕
Recolored logo
Do not change the logo color. Only use the approved black or white versions.
✕
Stretched / distorted
Do not stretch, skew, compress, or alter the logo proportions in any way.
✕
Drop shadow or effects
Do not add shadows, glows, outlines, or visual effects to the logo.
✓

Use on solid colors or simple, clean backgrounds

✓

Always maintain clear space equal to the logo height around all sides

✕

Do not place on busy, patterned, or photo backgrounds without a solid container

✕

Do not rotate, skew, stretch, or otherwise alter the logo geometry

✕

Do not change the logo color outside of the approved black / white versions

✕

Do not add drop shadows, gradients, or decorative effects

03 — Co-branding

Combining with partner logos

When the Speakly logo appears alongside a partner's logo, follow these guidelines to maintain visual clarity, balance, and brand integrity.

✓
Correct — divider lockup
Speakly
Partner's Logo
Full logo + vertical divider + partner logo. Keep both at similar visual weight.
✓
Correct — equal visual weight
Speakly
Partner
Both logos should appear at the same optical height. Adjust sizes as needed to match.
✕
"×" or "+" connector
Speakly×Partner
Do not use × or + between logos. Use a vertical divider line only.
✕
Stacked / uneven sizing
Partner's Logo
Do not stack logos vertically or allow significant size disparity between them.
✓

Use the full wordmark alongside the partner logo — never icon-only

✓

Separate logos with a vertical divider; keep both at equal optical height

✕

Do not use a × or + symbol to connect the two logos

✕

Do not stack logos vertically or let one logo visually dominate

✕

Do not place the combined lockup over a busy or complex background

✕

Do not modify either logo's color or proportion within the lockup

04 — Downloads

Download Speakly assets

SVG (vector) and PNG logo files for use in approved contexts. Use files exactly as provided — do not modify or recolor.