Calorie Counter +

Colors

• #0D96A8Teal Gradient Top · background gradient start
• #02B3A6Teal Gradient Bottom · background gradient end
• #FFFFFFPrimary White · logo shape · headings · button label · pagination inactive dots
• #FF7500Vibrant Orange · primary action button fill · active pagination dot
• #9B559CBerry Purple · brand mark left petal
• #3492BAOcean Blue · brand mark right petal

Type

• Tagline TopAvenir Next · 38px · normal · #FFFFFF
• Tagline DisplayAvenir Next · 68px · bold · #FFFFFF
• Primary Button LabelAvenir Next · 44px · bold · #FFFFFF
• Secondary Text LinkAvenir Next · 40px · normal · #FFFFFF

Elements

• Nutracheck Brand Mark · graphic / logo

  Centered horizontally, positioned in upper third of viewport; width ~500px, height ~540px · Apple silhouette in solid white containing two overlapping kidney bean shapes in berry purple and cyan blue, with brand name centered

• Pagination Indicator · carousel indicator

  Centered horizontally below taglines, row of 4 horizontal dots spaced ~24px apart · First dot filled with vivid orange, remaining 3 dots filled with solid white; circular ~20px diameter

• Sign Up Primary Button · button

  Centered horizontally, ~80px padding from left/right edges, height ~130px · Vibrant orange solid pill container with white centered text and subtle shadow

• Member Login Link · text link

  Centered horizontally, ~40px below primary button · White text with continuous white underline

Layout

Vertically stacked single-column layout on full-bleed teal gradient background. High-impact logo and value proposition occupy the center, followed by pagination indicator and bottom-pinned CTA buttons.

Notes

Font exhibits rounded geometric sans-serif attributes similar to Nunito or Avenir Next Rounded. Measured in image space ~1080x2340.