Back to homeSugar Shark · Brand System · v1.0
2026-05-02

Sugar Shark

The brand system

01Buttons

Buttons

Five variants, three sizes. Accent is the marquee CTA — one per page, never decorative. Primary handles the default action; secondary is the alternative. Ghost steps back. Link is for inline emphasis only.

Variants
Accent · marquee CTA
Primary · default
Secondary · alt
Ghost · tertiary
Link · inline
Sizes
Small · 12.5px / 28h
Medium · 14px / 44h · default
Large · 15.5px / 52h
With icon
Leading
Trailing
Icon-only · accent
Loading
States · primary
Rest
Hover · move pointer in
Disabled
Loading
02Form elements

Form elements

44px default height. Inset 1px borders, no rounded corners, no drop shadows. Focus is signaled by an accent border swap, not a glow ring. Errors carry no color — a SKIP-tag analog and an ink message do the work.

Text input · states
Email · placeholder

One launch note. No marketing fluff.

Search · with trailing icon
Filled · default value
Error
CheckThat doesn’t look like a complete email.
Disabled

Pricing arrives at launch.

Textarea
Selection · check, radio, toggle
Checkbox group
Radio group
Toggle list · settings
Newsletter · the marketing-site primitive

Hear it first.

We’ll send one note when Sugar Shark is ready. No drip campaign, no countdown, no marketing fluff.

04Cards

Cards

One register: 1px fog border, no shadow, no radius. Density signals importance — content cards breathe, feature cards lean, pricing cards include the action. Cards never carry the accent as a background.

Content card · article preview
Field notes · 04 min read

Why hidden sugar isn’t a willpower problem.

Most spikes don’t come from dessert — they come from the breakfast you thought was healthy. A short read on label literacy.

Sugar Shark04 · 18 · 26
Spec · 06 min read

How we score: the one-page guide to GI in plain English.

A glycemic-index score is a number from 0 to 100. Here’s what it actually means at the kitchen table — no chemistry, no bar charts.

Sugar Shark04 · 22 · 26
Voice · 03 min read

We don’t do streaks. Here’s why.

Streaks are a behavior trick from the gamification era. Living with diabetes deserves a quieter relationship with your day.

Sugar Shark04 · 27 · 26
Feature card · with brand-verb icon

Scan it before you eat it.

Point the camera at any label, package, or menu item. We read it once, score it, and tell you whether to skip — in plain language.

Watch the categories that trip you up.

Build a watchlist for the foods you keep getting wrong. Sugar Shark surfaces them before you reach, not after.

Swap with a real alternative.

Every skip comes with one calmer suggestion you’d actually eat — never a smoothie when you wanted a sandwich.

Pricing card · with action
Free during beta
$0/ month

Everything you need to spot hidden sugar across your week.

  • Unlimited scans
  • Up to 3 watchlists
  • Daily summary
Most folks pick this
$9/ month

Add CGM context, weekly trend reads, and unlimited watchlists.

  • Everything in Watcher
  • CGM correlation
  • Weekly trend recap
  • Unlimited watchlists
For care teams
Talk to us

Multi-patient dashboards, exports, and a clinician-grade audit trail.

  • Patient roster view
  • Audit-grade logs
  • HIPAA-ready exports
05Section patterns

Section patterns

The shapes a marketing page is built from. Each pattern leads with white space, lets the headline carry weight, and resolves to one action — not five.

Hero · the real component
Spot hidden sugar

Your guardian against hidden sugar.

Sugar Shark scans labels, watches the foods that trip you up, and tells you what to skip — in plain language, without the panic.

For type-2 · pre-diabetic · PCOS · metabolic-curious
Feature grid · the real component

Scan it. Spot it. Skip it.

Scan

Read it before you eat it.

Camera-first. Barcode, label, or menu — point and we read it once.

Spot

Catch the hidden ones.

Sauces, dressings, “healthy” cereals. We surface them before you reach.

Skip

Decide in one sentence.

No charts. One line: skip, swap, or fine — and what to eat instead.

Side-by-side · explainer
Why we built it

Existing tools either scold you or sell you a smoothie.

Sugar Shark is the calm middle. We don’t moralize food, gamify your week, or pretend a CGM replaces a clinician. We just read what’s in front of you and tell you whether to skip.

What you’ll see
Skip
You probably want to skip this one.
GI 78 · Glazed donut · ~3× your morning target.
Logged · 12:48 pm
Plain Greek yogurt · GI 14
Stat row · numbers as the hero
By the numbers
0–100
Glycemic-index range we score against
12k+
Foods in the curated database, growing weekly
1 sentence
How long every recommendation takes to read
0
Streaks, badges, or shame mechanics — by design
Pull quote · big restraint
From early users
“The first glucose tool that doesn’t make me feel bad for opening it.”
Maya · type-2, 8 months in
06Lists & data

Lists & data

An FAQ accordion, a feature checklist, and the food table — the three list shapes a glucose-tool marketing site actually needs. Tabular numerals everywhere there are scores.

FAQ · accordion · click to expand

No — and we don’t pretend to. A CGM measures what your blood sugar actually does. Sugar Shark predicts what foods are likely to spike you, before you eat them. They’re complementary: pair them and you get both the prediction and the receipt.

Feature checklist · two-column
Barcode + label OCR scanning
Restaurant menu lookups
Ingredient-level breakdowns
Personal watchlists
Weekly trend recaps
CGM correlation (Guardian plan)
Apple Health & Health Connect
Family sharing — up to four
Food table · with action affordance
FoodCategoryGIAction
Plain Greek yogurtDairy14log
Sourdough toast, 1 sliceBread54log
Glazed donutPastry78skip
Brown rice bowl, 1 cupGrain50log
Sports drink, 16 ozDrink89skip
Banana, 1 mediumFruit51log
07Banners & callouts

Banners & callouts

The warn banner is the canonical no-color pattern from §02 of the brand system — 2px ink rule, mono SKIP tag, no hue. Info and accent callouts are quieter cousins. Never combine them on the same surface.

Warn · canonical, no color
Skip
You probably want to skip this one.
GI 78 · Glazed donut · ~3× your morning target. Try plain Greek yogurt or berries instead.
Accent · key callout · used sparingly
You’re watching rice bowls.
We’ll flag any bowl above GI 60 before you order. Edit your watchlist anytime.
Info · neutral note · the quietest of the three
Sugar Shark isn’t a CGM replacement.
We work alongside one — or on their own, if you’re managing without. Talk to your clinician for medical guidance.