Brand & press
Vibely brand kit
Logo files, colour values, typography and boilerplate. Take what you need — no permission required for editorial use. If you need something that is not here, write to us and we will make it.
Logo
Vibely has one mark. The same file is the app icon and the favicon — there is no separate icon artwork and no wordmark lockup, so set the name in plain text beside the mark if you need one.
Using the mark
Do
- Use the SVG. It is the master file and stays sharp at any size.
- Leave clear space around the mark on all four sides equal to the height of the centre dot — roughly a quarter of the mark. Nothing else goes inside that box.
- Use the reversed file on dark backgrounds rather than inverting the Terra Cotta one.
- Keep the mark at 24px or larger. Below that the radiating strokes close up and it reads as a blob.
Don’t
- Don’t recolour the mark. It is Terra Cotta on light and Vellum on dark, and nothing else.
- Don’t set the mark on a busy photo. Put it on a flat surface, or on a solid panel over the photo.
- Don’t stretch, rotate, outline, add a drop shadow, or rebuild the mark from scratch.
- Don’t set the word "Vibely" in a decorative face next to the mark, and don’t lock up the mark with another company’s logo without asking us.
Colour
Four values carry the whole brand. Everything else on the site is a tint of Ink Black.
Terra Cotta
#cc785c
The accent. The mark is drawn in this, and it is the only colour the mark is ever drawn in.
Ink Black
#141413
Body text and the dark surface the reversed mark sits on. Not pure black.
Vellum White
#f7f7f5
The page canvas, and the fill of the reversed mark. Not pure white.
Parchment
#edece8
Borders, dividers and quiet surfaces.
One caveat for designers: the product UI uses a slightly warmer Terra Cotta, #d97757, for interactive accents. For anything published about Vibely, use #cc785c — that is the mark.
Typography
Inter, and only Inter
Every surface — the site, the product, headlines and body — is set in Inter, which is free under the SIL Open Font License. Headlines run light (weight 330–350) at tight tracking; body runs regular at 15–17px. If you are rebuilding a Vibely headline and Inter is unavailable, any neutral grotesque at a light weight is closer to right than a serif.
Product screenshots
Use these rather than cropping our marketing site. They are current builds of the real product. Right-click to save at full resolution.
The builder — chat on the left, live preview on the right
WEBP · builder-web-app.webp. The same workspace builds native iOS and Android apps; switch the preview to Mobile and it renders an Expo Go QR code you scan to run the app on a real phone.
Boilerplate
One line
Vibely turns a prompt into a working app — for the web and for native iOS and Android.
Paragraph
Vibely is a prompt-to-app builder. You describe what you want and Vibely writes, runs and deploys it — as a web app, or as a real React Native app you open on your own phone through Expo Go while you are still building it. Generated apps can be wired to a database, authentication, payments and other services through Vibely’s built-in connectors, and shipped to a live URL from the same screen. Vibely is built and operated by Mana Intelligence Pvt Ltd, a company incorporated in India.
Press contact
Writing about Vibely?
Put “Press” in the subject line and we will get back to you. Ask us for a screenshot of something specific, a quote, or a fact check — we would rather answer than be guessed at.