Basics
Brand
What Tomatico is, what it promises, and how that promise translates into the way an interface should feel.
Brand essence
Smart living, made simple.
Tomatico brings intelligence, comfort and security into your everyday life through connected, thoughtful and sustainable solutions.
Tomatico is a smart-living company based in Damascus, Syria, working in Arabic and English. The tagline Smart Living is part of the logo lockup, not a marketing line to be swapped out.
The idea in the mark
The Tomatico icon fuses a tomato with a lightbulb, and hides a T at its centre. That is the whole brand in one shape, and it is worth understanding because it explains every other decision in this guide.
| Element | Means | Consequence for interfaces |
|---|---|---|
| The lightbulb | Intelligence, innovation, modern technology | The product should feel current and quick. No skeuomorphism, no ornament. |
| The tomato | Life, nature, freshness, sustainability | Warmth comes from rounded geometry and generous space, not from colour. |
| The letter T | Identity — Tomatico at the core | The brand is present through structure and type, not through loud badging. |
The brand book calls the icon's character simple, balanced, trusted and futuristic. An interface that is cluttered, lopsided, unpredictable or dated is off-brand regardless of whether the logo is placed correctly.
How a Tomatico interface should feel
Three qualities carry the brand into a screen, and none of them involve the logo.
Monochrome and confident
The palette is white through to near-black. Because there is no accent colour doing the work, hierarchy has to be built from type weight, scale and space. Done well this reads as confidence. Done badly it reads as unfinished — which is why the type scale and the space scale are not suggestions.
Geometric and rounded
Poppins is a geometric sans built on circles; the wordmark has rounded terminals. The system follows that logic: controls are fully rounded pills, surfaces get a 12px radius, and the pattern is made of arcs. Sharp corners and hard rectangles are not part of the language.
Spacious
Every layout in the brand book breathes. Clear space around the logo is a stated rule; treat generous space around content as the same kind of rule. When a screen feels off-brand, insufficient whitespace is the most likely reason.
Light and dark are both the brand
The brand book specifies the logo system in both light and dark mode, and much of the printed collateral is black-first. Dark mode is therefore not an accessibility afterthought or a developer preference — it is an equally official expression of the identity.
Practically, that means a screen is not signed off until it has been reviewed in both themes. See Colour → Themes.
Using the brand inside a product
Marketing pages can be expressive. Product interfaces should be quiet, and let the content be the interesting part.
Do
- Place the logo once, in the masthead, and leave the rest of the screen to the task.
- Use the pattern as a low-opacity background on empty states, sign-in screens and hero areas.
- Let black surfaces carry the brand — a black masthead is instantly recognisable.
- Keep the tagline attached to the logo lockup where it appears.
Don't
- Repeat the logo as a watermark behind working content.
- Use the icon as a decorative bullet, a loading spinner, or a favicon substitute at a size where the T is unreadable.
- Introduce a colour to make something feel more "designed".
- Rewrite or translate the tagline inside the lockup.
Source material
Everything on this page comes from the Tomatico Brand Guidelines v1.0 and the Tomatico Branding document. Both are available in full, split into readable sections, on the Downloads page.