Digital Applications
COVALIDA is a 100% digital brand. There is no stationery, no brochure, no business card — the brand lives entirely on screens. That focus is a strength: every surface can be held to one calm, premium standard, and every asset is a file you download rather than a proof you send to a printer.
This section is the practical playbook for the four surfaces where the brand actually appears: the website and product UI, social media, email and newsletter, and the Covalida Trust Center portal. Read this overview for the principles that hold across all of them, then open the sub-page for the surface you are designing.
One sentence to hold onto
Wherever COVALIDA appears digitally, it should feel like the same calm, sovereign presence — generous space, one confident teal, Montserrat, and never a raised voice.
The four digital surfaces
Web & UI
The public website and every interface built on the design system — the brand's primary home.
Social Media
Profiles, covers and post templates — the symbol as avatar, one idea per post, calm and expert.
Email & Newsletter
The "Covalida Care" newsletter and transactional mail — resilient type, mint sections, one clear CTA.
Trust Center
The customer portal — dashboards and certification status shown as reassurance, not an alarm panel.
Principles across every surface
These five principles are the through-line. If a design honors them, it will read as COVALIDA regardless of the medium.
1. Calm and premium
The brand takes the fear out of complex regulation. Nothing should feel urgent, loud, or salesy. Prefer a single clear message over a crowded one, gentle motion over flashy animation, and a confident statement over a hard sell. When you are unsure, remove something. Restraint is the tone of voice made visible.
2. Generous whitespace
Space is the brand's signature. Give headlines, symbols and calls to action room to breathe. On the web, that means large section padding and wide margins; in email, generous cell padding; on social, empty background around the symbol. Whitespace is not wasted space — it is what makes the brand read as sovereign and C-level.
3. Deep Teal and Deep Petrol for structure
Structure — headers, primary actions, filled surfaces, footers — is carried by Deep Teal #008080 and Deep Petrol #155D5B. These are the load-bearing colors. Body text sits in Deep Slate Gray #2F4F4F; calm section fills use Light Mint #CDE9E6. White and mint are the default canvas everywhere.
4. Light Teal as accent only
Light Teal #20B2AA is the highlight — hairline rules, chart series, hover states, decorative underlines. It is bright and low-contrast on white, so it is never used for small text on a white background. Treat it as the 10% accent; a little goes a long way. See Accessibility for verified pairings.
5. Montserrat and accessible contrast
Montserrat is the one typeface across every surface — 800 for the wordmark and display, 700/800 for headings, 400/500 for body. Email adds a system fallback for clients that cannot load web fonts. Every text-on-background pairing must clear WCAG 2.1 AA: 4.5:1 for body text, 3:1 for large text and UI components.
One idea per screen, framed in whitespace, with Deep Teal carrying the single most important action.
Crowd the canvas with competing accents, alarmist red, or Light Teal text on white.
The reference implementation
The single best example of the brand on the web is this brand-guide site itself. Its layout rhythm, teal section underlines, calm surfaces and restrained accent use are the working reference. When a written rule and a live page seem to disagree, prefer the pattern you can see rendered here, and raise the conflict with the brand team.
Shared building blocks
Every digital surface draws from the same small kit, so you rarely start from zero:
- Colors — the five core colors and the teal scale for UI states and data-viz.
- Type — the Montserrat system with its resilient font stack.
- Components — buttons, badges and forms in the UI component library.
- Tokens — copy-paste HEX, CSS custom properties and the signature gradient on the Design Tokens page.
- Assets — the symbol, logos and pillar icons in the Downloads library.
Scope and honesty
Two guardrails apply to everything in this section.
Digital only — never invent physical or contact details
COVALIDA has no print, stationery, business cards, CMYK or Pantone — do not design or reference them. Do not invent addresses, phone numbers, email addresses, team names or legal-entity details for any surface. Where a real value is needed but unknown, leave a clear placeholder and let the brand team fill it in.
Concept phase — do not overclaim
COVALIDA is in the concept and foundation phase. It is not accredited yet and has no live audits yet. On any surface — a hero, a post, a newsletter, a dashboard — describe the domains and standards the brand addresses and keep the Trust Center forward-looking. Never imply certificates are already being issued or that accreditation is in hand.
Where to go next
- Web & UI — layout, grid, color usage, buttons and imagery on the web.
- Social Media — avatars, covers, post templates and social tone.
- Email & Newsletter — the "Covalida Care" newsletter, email design and signatures.
- Trust Center — branding the customer portal and its data-viz.
For the visual foundations that feed all of these, start with Color, Typography and Imagery.