00 — Your BioGlyph
A BioGlyph is your personal health logo. It's made from your real biology — your blood tests, your DNA, your health data. No two are the same, because no two people are the same.
How It Works
Colour = which area of your health. Size = how significant the finding. Pattern = uniquely yours, like a fingerprint.
Different People, Different Glyphs
Someone with heart health findings will have a glyph dominated by red. Someone with genomic discoveries will see more blue. Your biology drives your design.
David, 52
Sally, 44
James, 31
Priya, 37
Earning Your BioGlyph
When you first join Bioweave, your BioGlyph is a grey silhouette. As you complete blood tests and DNA analysis, colour flows in. At 50% profile completeness, your personal BioGlyph unlocks — unique to you, forever.
20% — Grey
35% — Hints
50% — Unlocked
100% — Complete
01 — Typography
Pairing A — Inter + Source Serif 4 + JetBrains Mono
48px — Heading
Your biology, decoded.
24px — Subhead
Personalised supplements built from your unique biomarkers, DNA, and lifestyle data.
16px — Body (Inter 300)
Bioweave synthesises blood panels, genomic markers, and real-time wearable data into a single adaptive protocol. Every capsule is formulated for one person — you. No guesswork, no generic multivitamins, no compromise.
13px — Navigation Links (Inter 300)
How It Works · What We Do · Dashboard · Pricing
12px — Caption
Biomarker panel v3.2 · Last synced 04 Apr 2026 · 47 active markers tracked
Pairing B — Outfit + Crimson Pro + Space Mono
48px — Heading
Health is personal.
24px — Subhead
Seven health domains. One intelligent system. Zero guesswork.
16px — Body
From cardiovascular resilience to gut microbiome balance, Bioweave maps every dimension of your health into an actionable, evolving plan. The AI learns as you do — adapting formulations month by month as your biology shifts.
12px — Caption
Protocol adjustment: Omega-3 EPA ↑ 15% · Magnesium glycinate held · CoQ10 cycling initiated
Pairing C — Plus Jakarta Sans + IBM Plex Sans + IBM Plex Mono
48px — Heading
Data with soul.
24px — Subhead
Where clinical precision meets human intuition.
16px — Body
We believe the most advanced health technology should feel effortless. Bioweave translates complex biochemistry into clear, warm guidance — because understanding your body shouldn't require a PhD. Premium science, human delivery.
12px — Caption
Genomic variant: MTHFR C677T heterozygous · Methylfolate protocol active · Next review: May 2026
02 — Colour System
Cardiovascular
#F2635A
Hormonal
#D94080
Genomics
#5B72E8
Fitness
#2BBAA8
Mental Health
#E54D8C
Gut
#34C759
Neurological
#F2A93B
Accent colour: Genes blue (#5B72E8) — used for all CTAs, buttons, interactive elements.
Tints on White
Cardiovascular #F2635A
100%
50%
30%
10%
Hormonal #D94080
100%
50%
30%
10%
Genomics #5B72E8
100%
50%
30%
10%
Fitness #2BBAA8
100%
50%
30%
10%
Mental Health #E54D8C
100%
50%
30%
10%
Gut #34C759
100%
50%
30%
10%
Neurological #F2A93B
100%
50%
30%
10%
02b — Colours on Dark
Cardio
Hormonal
Genomics
Fitness
Mental
Gut
Neuro
Tints on Dark
Cardiovascular
100%
50%
30%
10%
Genomics
100%
50%
30%
10%
Gut
100%
50%
30%
10%
03 — Texture & Pattern
Dot Grid — Light
Dot Grid — Dark
Grain — Silver
Grain — Dark
04 — Grid System
φ Major — 1.618
Minor — 1.000
Fibonacci Spacing Scale
12-Column Grid
Content lives on a 12-column grid. Golden ratio splits: 7 + 5, or 8 + 4 for asymmetric layouts.
05 — Brand Principles
01
Scientific Warmth
Rigorous science delivered with empathy. We never hide behind jargon or cold precision — every interaction should feel like a trusted advisor, not a lab report.
02
Organic Mathematics
Nature follows patterns — Fibonacci spirals, golden ratios, fractal growth. Our design language mirrors this: structured yet alive, calculated yet beautiful.
03
Personal Yet Universal
Every protocol is unique to one person, but the platform serves everyone. Design for the individual without losing the collective mission of better human health.
04
Premium Accessibility
Luxury aesthetics, democratic access. The look and feel should signal quality and trust, while the product remains approachable and never elitist.
05
Data With Soul
Behind every data point is a person trying to feel better. We honour both the number and the human. Technology serves life, not the reverse.
06 — UI Components
1 — Biomarker Card
2 — Chat Bubble
3 — Prompt Pills
4 — Action Card
Consider discussing statin therapy or PCSK9 inhibitors with your cardiologist, given your elevated LDL combined with high Lp(a).
5 — Domain Badge
6 — Status Indicators
07 — Icon System
Test
<svg viewBox="0 0 34 34" fill="none" stroke="currentColor" stroke-width="1.5">
Analyse
Three horizontal lines at different widths
Decide
Circle with checkmark inside
Execute
Simple box/package outline
Measure
Line chart with dot at end
Adapt
Two curved arrows forming a cycle
ICON RULES:
08 — Photography Style
Portrait: square crop, 13px border-radius
grayscale(100%) contrast(1.1)This creates a unified visual language where the person is the focus, and brand colours provide meaning and hierarchy.