Brand guidelines

Brand
Guidelines

Visual identity for Capture.Study. Click any color swatch to copy its hex value.

Color System

Click any swatch to copy its hex value.

Primary

Accent (Lime)

Neutrals

Typography

Poppins is our primary typeface.

Aa

Poppins 400

Aa

Poppins 500

Aa

Poppins 600

Aa

Poppins 700

Aa

Poppins 800

Aa

Poppins 900

font-family: 'Poppins', system-ui, sans-serif;

H1

3rem

The quick brown fox

H2

2.25rem

The quick brown fox

Body

1rem

The quick brown fox

Small

0.875rem

The quick brown fox

Caption

0.75rem

The quick brown fox

Button System

Variants for primary, secondary, and hero CTAs.

Primary

Lime (Hero)

Outline

Secondary

Gradients

Used in heroes and feature sections.

Hero Gradient

Deep green for hero sections.

linear-gradient(145deg, hsl(160 70% 20%), hsl(155 65% 28%), hsl(145 55% 35%))

Accent Gradient

Emerald to lime for CTAs.

linear-gradient(135deg, hsl(152 76% 28%), hsl(78 85% 55%))

Spacing & Shadows

4px grid and elevation tokens.

2
8px0.5rem
4
16px1rem
6
24px1.5rem
8
32px2rem

Shadows

Soft

Medium

Brand Green

Component Gallery

Example feature card and badges.

Basic Card

A simple card with header and content.

Cards group related content with consistent padding and elevation.

Feature Card

With icon and metric.

98%

Customer satisfaction

Badges

DefaultSecondaryOutlineHIPAA21 CFR Part 11
New Feature

Powerful Analytics Dashboard

Real-time insights into your clinical trial data. Monitor enrollment, track compliance, and identify trends.

Real-time data sync Export to PDF/Excel Custom date ranges