Currently, OpenBrand does an excellent job at capturing visual assets like logos and colors. However, a crucial part of a Brand Guide is missing: Typography.
When building or auditing a brand, knowing which font families, weights, and styles are used is just as important as the color palette. Currently, I have to manually inspect the CSS to find this information, which breaks the automated workflow of OpenBrand.
Describe the solution you'd like
I would like OpenBrand to extract and summarize the typography used on the provided URL. Ideally, it should capture:
Font Families: Primary and secondary fonts used (e.g., "Geist", "Inter").
Font Sources: Detecting if they are Google Fonts, Typekit, or self-hosted.
Typographic Styles: Common font-weights (400, 700) and sizes used for headings (H1, H2) vs body text.
Describe alternatives you've considered
Using browser extensions like "WhatFont" or manual inspection, but this defeats the purpose of an automated brand summarization tool.
Additional context
Integrating this would make OpenBrand a truly 360° brand guide tool. This is a "must-have" for developers and designers who want a complete overview of a tech stack's visual identity.
@ethanjyx
Currently, OpenBrand does an excellent job at capturing visual assets like logos and colors. However, a crucial part of a Brand Guide is missing: Typography.
When building or auditing a brand, knowing which font families, weights, and styles are used is just as important as the color palette. Currently, I have to manually inspect the CSS to find this information, which breaks the automated workflow of OpenBrand.
Describe the solution you'd like
I would like OpenBrand to extract and summarize the typography used on the provided URL. Ideally, it should capture:
Font Families: Primary and secondary fonts used (e.g., "Geist", "Inter").
Font Sources: Detecting if they are Google Fonts, Typekit, or self-hosted.
Typographic Styles: Common font-weights (400, 700) and sizes used for headings (H1, H2) vs body text.
Describe alternatives you've considered
Using browser extensions like "WhatFont" or manual inspection, but this defeats the purpose of an automated brand summarization tool.
Additional context
Integrating this would make OpenBrand a truly 360° brand guide tool. This is a "must-have" for developers and designers who want a complete overview of a tech stack's visual identity.
@ethanjyx