Bottom-Right Icon Layout Variations

Icon flush to bottom-right, dot + text overlaid on top-left of icon, text right-aligned with tight spacing

1. Base (10px, Weight 600)

Standard weight, standard size

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

⏱
Pending

Insurance Coverage

Review your insurance coverage for preventive screenings.

2. Lighter Text (Weight 500)

Softer, more delicate text

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

3. Bolder Text (Weight 700)

Stronger, more prominent text

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

4. Larger Text (11px)

More readable, larger size

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

5. Smaller Text (9px)

More subtle, compact

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

6. Lighter Text Color

Same color as icon, softer presence

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

7. Very Bold (Weight 800)

Maximum weight, strong presence

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

8. Condensed (9px, Bold, Wide Spacing)

Tight, condensed letterforms

✓
DONE

Genetic Counseling

Initial consultation and family history review completed.

→
ACTIVE

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

9. Subtle Icon (Opacity 0.12)

Lighter icon background

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

10. Bolder Icon (Opacity 0.25)

Stronger icon background

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

11. Smaller Icon (50px)

Compact icon size

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

12. Larger Icon (70px)

More prominent icon size

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

13. Semi-Transparent Text (70% Opacity)

Softer text presence

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

14. Very Light (Text 60% + Icon 0.12)

Maximum subtlety

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.

15. Bold Combo (Weight 700 + Icon 0.25)

Strong presence overall

✓
Done

Genetic Counseling

Initial consultation and family history review completed.

→
Active

Screening Schedule

Annual MRI completed. Clinical breast exam scheduled.