Brand Elements
Visual elements that form Acua's brand identity, including logo, color, typography, and icons.
Logo
The logo is the entry point of trust that most quickly conveys "Acua is the responsible entity." Even as we expand to multiple products, we maintain a system where company identity and individual product identification don't conflict.
Usage Guidelines
- Variations by use case (main/service category, etc.)
- Minimum size and margins to avoid illegibility
- Background and contrast handling (light/dark backgrounds, on photos)
- Co-branding handling (parallel placement with partner/integration/partner logos)
Color
Color is a design element that carries meaning (entity, domain, state), not decoration. In multi-product contexts, color is especially used so users don't get confused about "which domain's screen am I looking at."
Color Role Distribution
| Role | Purpose | Examples |
|---|---|---|
| Corporate Color | Acua's identity, trust, consistency | UI foundation |
| Semantic Colors | Meaning of states like success/warning/error/info | Safety |
| Product Color | Domain identification (wayfinding) | Does not carry meaning |
Typography
B2B back-office involves a lot of "reading" time. Typography directly impacts comprehension speed and error prevention, beyond just appearance. We prioritize readability, reproducibility, and multi-language resilience over "coolness."
Information Hierarchy
| Level | Role | Characteristics |
|---|---|---|
| Heading | What is this about (entry point for judgment) | Short, bold, generous margins |
| Body | What to do (procedures, conditions) | Readable size and line height |
| Annotation | Exceptions, constraints, supplements | Smaller, subdued |
Icons
Icons are "language-independent supplementary labels." They are used as aids to accelerate understanding, not as replacements for labels.
Usage Guidelines
- Two types available: solid and outline. Choose the appropriate one for the context
- Basically, use outline for higher visibility
- Avoid mixing solid and outline
- Never try to convey meaning with icons alone; always use with labels