Skip to content
saudebrasil.com logo

Saúde Brasil

saudebrasil.com

“A clinical, high-precision brand that bridges the gap between rigorous scientific research and accessible consumer technology. The aesthetic is stark, minimalist, and authoritative, relying on heavy typography and monochrome contrast to convey trust and purity.”

clinical
minimalist
authoritative
scientific
premium
monochrome
precision
tech-forward

Color Palette

Colors

#ffffff

background

#ffffff

surface

#000000

text

#55607a

secondaryText

#55607a

muted

Typography

Fonts

Switzer

body
400
500
600
self-hosted

Helvetica, sans-serif

Outfit

heading
600
self-hosted

Switzer

heading
300
self-hosted

Helvetica, sans-serif

Outfit

body
600
self-hosted
body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

Components

Design System

PTEN
ghost
3.35544e+07px
#000000
✓ 98% Lab Tested Purity
outline
3.35544e+07px
#55607a
card
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.559894 0.0423633 -0.142306 / 0.2) 0px 10px 15px -3px, oklab(0.559894 0.0423633 -0.142306 / 0.2) 0px 4px 6px -4px

navigation
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.08) 0px 8px 32px 0px

navigation
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.1) 0px 8px 10px -6px

gradient

linear-gradient(lab(98.1434 -0.369519 -1.05966) 0%, rgb(255, 255, 255) 50%, lab(...

Voice & Tone

Personality

Visual Energy

6/10

Design Era

contemporary-minimal

Emotional Tone

trustworthy-precise

Target Audience

Biohackers, medical researchers, and health-conscious consumers seeking high-purity, lab-verified peptide solutions who value scientific rigor over marketing fluff.

Comparable Brands

Theranos (historical aesthetic)
Apple Health
Oura Ring
Formlabs

Brand Rules

Dos & Don'ts

Do

  • Use Switzer (weights 400, 500, 600) for all body copy and Outfit (weight 600) for subheadings, maintaining a strict 24px line-height for readability.
  • Apply title-case formatting to all headings to maintain a formal, editorial tone.
  • Style primary action buttons as ghost buttons with #000000 text, #000000 border, 4px vertical/4px horizontal padding, and a pill shape (border-radius: 3.35544e+07px).
  • Style secondary or trust-badge buttons as outline buttons with #55607a text, 8px vertical/16px horizontal padding, and a pill shape (border-radius: 3.35544e+07px).
  • Maintain a strict monochrome palette (#ffffff background, #000000 text) to emphasize clinical purity and reduce visual noise.
  • Utilize the subtle linear gradient (lab(98.1434 -0.369519 -1.05966) 0%, rgb(255, 255, 255) 50%, lab(...)) sparingly for background sections to add depth without color.
  • Use a base spacing unit of 2px for consistent padding and margin calculations across layout components.
  • Incorporate heavy emoji usage in marketing copy to soften the technical jargon and add visual rhythm, but avoid exclamations to maintain seriousness.

Don't

  • Do not use shadows on cards or navigation elements; the extracted data shows rgba(0, 0, 0, 0) shadows, indicating a flat, minimalist design language.
  • Avoid serif fonts entirely; the brand relies exclusively on the geometric sans-serif pairing of Switzer and Outfit.
  • Do not use sentence case for headings; the brand strictly adheres to title-case for a more formal presentation.
  • Avoid bright or saturated accent colors; the visual identity is anchored in black, white, and slate (#55607a).
  • Do not use sharp corners (e.g., 4px or 0px radius) for interactive elements; all buttons and cards must use the extreme pill shape (3.35544e+07px) or medium radius (16px) for cards.
  • Avoid exclamations in copy; the tone is matter-of-fact and serious, even when using emojis.
  • Do not use lyophilized powder imagery or descriptions as the primary value prop; focus on the 'prefilled pen' format as the key differentiator.
  • Avoid complex multi-layer shadows; the design is flat and clean, relying on contrast and typography for hierarchy.

Design Assets

Visual Elements

Retatrutide
png640×426
CJC / Ipamorelin
png640×426
Tesamorelin
png640×426
BPC + TB500
png640×426
Powered by Mercado Pago
png92×46

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/saudebrasil.com \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.

Get started free