Brand | Hover Team

Story Draft

Named for the view from above.

Like a satellite, Hover hovers over everything a business uses, its chats, email and spreadsheets, and sees what no single app can: the small facts in different places that belong together.

Reading across many sources of context is what AI does best, and it lets Hover surface insights that operations teams could not see before.

The mark is the satellite itself: two solar panels, the pillars, joined across the middle by its body, so it also reads as an H. Look closely and the centre is a four-leaf clover, a happy accident for Klovr, the company behind Hover.

Solar panelSolar panelCentre: a four-leaf clover

Mission

Help every business see how it actually runs, by reading across its chats, email and spreadsheets and surfacing what hides between them.

Vision

Every team works from one live picture of its business, and the work that repeats runs itself.

Name and boilerplate Draft

Say it the same way everywhere.

Hover

Capital H, rest lower case. Not HOVER or hover. It takes a singular verb: “Hover reads your chats.”

Hover Team · hover.team

On our own site, write Hover. Anywhere else, write “Hover Team (hover.team)” on first mention, then Hover or Hover Team. Keep to one name within the same piece, and write hover.team in lower case, only for the web address. The logo says Hover; in text, titles and profiles, the fuller name is Hover Team.

Tag by Hover

Hover’s product for Slack. Write “Tag by Hover” or “Hover Tag” on first mention, then “Tag”. Not “TAG”.

Copy and paste

Tagline

See what your business is telling you.

One line

Hover brings your business into one picture the whole team can see, and proactively helps fill the gaps.

About Hover

Hover Team (hover.team) is an AI layer that sits above the apps a business already uses. First it sees how the business runs: it reads chats, email and spreadsheets and notices when small facts in different places belong together. Then it runs the parts that repeat. Hover is built by Klovr Sdn. Bhd. at the Malaysian AI Residency in Kuala Lumpur.

Logo

One mark, one wordmark.

Use full colour on light or navy, white on blue or photos, and black for one-colour printing. The wordmark SVGs use live text, so install the font first or use the PNGs. For print, convert the text to outlines.

Colour, on lightPNG SVG

Colour, on navyPNG SVG

White, on blue or photosPNG SVG

Black, one-colour printPNG SVG

On hover.team the wordmark expands from “Ho” to “Holding back the river” when you hover over it. It’s a small extra for the site, not part of the logo or a tagline. Everywhere else, write “Hover”. Draft

The mark on its own

ColourPNG SVG

BlackPNG SVG

WhitePNG SVG

App icon

Three icons. Pick by where it appears.

Not by taste. The primary icon works anywhere. The two colour icons are for larger surfaces where the clover in the centre should show.

Primary (B)

White mark on the blue gradient. The default.

PNG SVG

Colour, light (A)

Colour mark on warm paper, for light surfaces.

PNG SVG

Colour, dark (A)

Colour mark on navy, for dark surfaces.

PNG SVG

Primary (B)

Browser tab, Apple touch icon, web app manifest, Slack and WhatsApp avatars, social pictures, app listings, anything under about 64px or on a background you don’t control. When in doubt, use this one.

Colour, light (A)

Light pages and documents where the icon is at least 64px: docs and partner pages, slides, press kits, email signatures.

Colour, dark (A)

The same places when the surface is dark: dark mode, dark slides, dark partner directories. Switch between light and dark with the surface.

Never use the colour icons (A) below 32px: the cyan and green core disappears.
Don’t put the white mark (B) on a white tile or the colour mark on the blue gradient.
Keep the colours of the centre squares. The cyan and green core is a four-leaf clover, so don’t recolour it.
Rounded corners are part of the icon. Platforms that round it for you (Apple touch icon) get a full square.

Visual rules

Give it room. Keep it whole.

Clear space

Keep at least one grid square (one seventh of the mark’s height) free on every side. Nothing else sits inside the dashed line.

The shaded squares show one grid square of clear space.

Minimum size

The full logo is never narrower than about 112px. Below that, use the mark alone, and never smaller than 16px.

Logo · 112px wide

Mark · 24px

Mark · 16px, the smallest

Don’t

✕ Stretch or squash

✕ Recolour single squares

✕ Colour mark on mid-blue

Colours

Blue, with a little green.

Click a colour to copy its hex code.

Text contrast

Body text needs a ratio of at least 4.5. Large text (24px, or 19px bold) and icons need 3.

Pair	Sample	Ratio	Use
Ink on white	Aa Hover	15.5	Any text
Off-white on navy	Aa Hover	17.3	Any text
White on deep blue	Aa Hover	4.9	Any text, buttons
Deep blue on warm paper	Aa Hover	4.5	Links (just passes)
White on blue	Aa Hover	3.2	Large text and icons only

The hero puts white text on a bright blue photo, so keep that text large and add a shade behind small text.

Typeface

Source Sans 3.

Weights 400 (Regular) and 500 (Medium). The wordmark is Regular with letter-spacing −0.06em. It is free to use under the SIL Open Font License 1.1, and code and numbers use the system mono stack.

Download Source Sans 3 Regular

Voice and tone Draft

Specific, plain and calm.

Written from the website copy. Hover sounds like a sharp, friendly colleague.

Be specific

Use names, numbers and places from a real situation.

Use plain words

Short sentences. “Asking around. Repeating explanations. Piecing together what happened.”

Be warm, a little dry

“Meet Tag, your extra team member. No salary.”

Stay calm

No hype words, no exclamation marks, no promises about the future.

Social and profile images

Ready for any avatar.

The 800px squares are full-bleed with no rounded corners, so Slack, X, LinkedIn, GitHub, WhatsApp and the rest can crop them to a circle or rounded square. The mark stays inside the circle.

Primary (B)PNG

Colour, lightPNG

Colour, darkPNG

Press kit

What journalists ask for.

Company: Klovr Sdn. Bhd.
Based: Kuala Lumpur, Malaysia, at the Malaysian AI Residency
Products: Hover Team (hover.team) and Tag by Hover (hover.team/tag)
Contact: [email protected]
Logo: Logo pack (.zip): logos, mark, app icons, font
Images: Hero scene, 1920px wide (WebP) · full size, 3840 × 2160 (PNG, 3.3 MB)
Descriptions: Tagline, one line and about text above
Credits: Built at the Malaysian AI Residency. Third-party logos such as Slack, WhatsApp and Gmail belong to their owners, so follow their guidelines.
Permission Draft: Use the Hover and Hover Team names and the logo to refer to Hover without asking. Don’t alter them or suggest Hover endorses another product. Questions: [email protected].