Styleguide
This style guide provides a comprehensive overview of the visual design system for the Testicular Cancer Foundation website, focusing on colors and typography.
Color Palette
The color palette is a critical component of the brand identity, creating a consistent and recognizable look and feel. The palette consists of primary, secondary, and accent colors that are used strategically throughout the website.
Primary Colors
Primary colors are the most frequently used colors in the design, representing the core brand identity.
Primary Cyan/Turquoise
Main brand color, used for backgrounds, buttons, and key visual elements.
Black
Body text, headings on light backgrounds, and the website footer.
White
Body text on dark backgrounds, backgrounds for content sections.
Secondary & Accent Colors
Secondary and accent colors are used to complement the primary colors and to draw attention to specific elements, such as buttons, links, and informational sections.
Dark Navy
Backgrounds for statistic cards and other highlighted sections.
Slate Gray
Secondary buttons and UI elements.
Light Gray
Backgrounds for cards and content modules to create visual separation.
Medium Gray
Borders and subtle UI elements.
Off White
Subtle background variations.
Typography
The website employs a combination of a serif font for headings and a sans-serif font for body text, creating a clear and legible typographic hierarchy.
DM Serif Display
abcdefghijklmnopqrstuvwxyz
0123456789
Inter
abcdefghijklmnopqrstuvwxyz
0123456789
Typographic Scale
The following examples outline the font sizes and weights for various text elements on the website.
Bekämpfung von Hodenkrebs durch Früherkennung
Unsere Mission: Leben retten durch Aufklärung
Erfahren Sie, wie Sie eine Selbstuntersuchung der Hoden durchführen
Die Testicular Cancer Foundation wurde 2009 gegründet und ist eine gemeinnützige Organisation gemäß 501(c)(3) sowie die einzige Organisation im Bereich Hodenkrebs im Land, die über Vollzeitmitarbeiter verfügt. Wir sind ein Team aus Überlebenden, Pflegekräften und Fürsprechern, die sich leidenschaftlich für die Verbesserung der Aufklärung und Sensibilisierung einsetzen.