Source: https://meetingnotes.com/. Extracted 2026-10-14. Scope: public marketing website CSS; declared styles, not computed browser values. This is an observed inventory, not an official internal design system.

Typography

font-family: Arial,sans-serif — selector body
font-family: Work Sans,sans-serif — selector body
font-family: gelica,Georgia,sans-serif — selector h1
font-family: Poppins — selector .button_old.fellow-primary-button
font-family: Gelica,Georgia,sans-serif — selector .maine-heroheading
font-size: 16px — selector .blog-rich-text a.button
font-size: 2em — selector h1
font-size: 14px — selector body
font-size: 38px — selector h1
font-size: 32px — selector h2
font-size: 24px — selector h3
font-size: 18px — selector h4
font-weight: 600 — selector .blog-rich-text a.button
font-weight: 700 — selector h1,h2,h3,h4,h5,h6
font-weight: 500 — selector h1
line-height: 20px — selector body
line-height: 44px — selector h1
line-height: 36px — selector h2
line-height: 30px — selector h3
line-height: 24px — selector h4
line-height: 18px — selector h6
line-height: 1.56 — selector body

Colors and surfaces

color: var(--colors--black) — selector .blog-rich-text a.button
color: #333 — selector body
color: var(--colors--hugo--exo) — selector a
color: var(--colors--hugo--thermo) — selector .button_old.outline:hover
background-color: rgba(56, 152, 236, 0) — selector .blog-rich-text a.button
background-color: #0000 — selector a
background-color: #fff — selector body

Components and layout

border-radius: 4px — selector .blog-rich-text a.button
border-radius: 40px — selector .how-button
border-radius: .69em — selector .template-card
border-radius: 2px — selector .post-card\__thumb
border-radius: 100px — selector .button.pill
border-radius: 8px — selector .download-card
box-shadow: 0 2px 20px #24041c4d — selector .nav-shadow
box-shadow: 4px 3px 5px #0003 — selector .button.fellow-blue
box-shadow: 2px 2px 5px #0000005c — selector .button.icon-btn
box-shadow: 0 3px 3px 3px var(--colors--blue-100) — selector .button.shadow
max-width: 1679px — selector .container
max-width: var(--dimensions--max-width-desktop) — selector .container-nav
max-width: 70% — selector .download-hero-image
max-width: 970px — selector .sticky-container-2
padding: .4em 1em — selector .blog-rich-text a.button
padding: 0 — selector button::-moz-focus-inner,input::-moz-focus-inner
padding: 0 1.5em — selector .button_old
padding: 1em 2em — selector .container-nav
transition: transform .35s — selector .blog-rich-text a.button
transition: all .2s ease-in-out — selector .button\_old
transition: all .2s — selector .blog-rich-text a

Responsive rules

screen and (max-width:991px)
screen and (max-width:767px)
screen and (max-width:479px)
(min-width:768px)
screen and (min-width:1280px)
screen and (min-width:1440px)
screen and (min-width:1920px)

Original CSS custom-property declarations, grouped by source and selector. Up to 250 declarations; selectors preserved; media-query conditions are not attached to individual declarations.

https://cdn.prod.website-files.com/62196607bf1b461987301815/css/meetingnotes-staging.shared.8475a44f3.min.css — :root

--colors--shade: #f8f8f8;
--colors--black: #000;
--colors--hugo--exo: #151d21;
--colors--hugo--gibbous: #fbf9eb;
--colors--hugo--solar: #ff5258;
--colors--white: white;
--colors--dark-grey: #727272;
--colors--yellow: #f9df6d;
--colors--hugo--thermo: #6a113c;
--colors--hugo--nova: #73d8d2;
--colors--blue-500: #576cf7;
--colors--blue-700: #162cb8;
--dimensions--max-width-desktop: 1300px;
--colors--hugo--comet: #da8548;
--colors--blue-100: #eaf0fe;
--colors--hugo--terra: #67ebb3;
--colors--hugo--strato: #409ed2;
--colors--light-grey: #d0d0d0;
--colors--darker-shade: #f1f1f1;
--colors--chocolate: #2b0c08;
--colors--peach: #ffbb8b;
--colors--pink: #ffb4f7;
--colors--cyan: #83fbc8;
--colors--hugo--lunar: #bbb;
--colors--hugo--sol: #ffc24a;
--colors--hugo--gibbous-shade: #f1efe1;

Observed design values, with source selectors. Names shown are CSS properties, not invented official token names.

Property	Declared value	Selector
font-family	`Arial,sans-serif`	`body`
font-family	`Work Sans,sans-serif`	`body`
font-family	`gelica,Georgia,sans-serif`	`h1`
font-family	`Poppins`	`.button_old.fellow-primary-button`
font-family	`Gelica,Georgia,sans-serif`	`.maine-heroheading`
font-size	`16px`	`.blog-rich-text a.button`
font-size	`2em`	`h1`
font-size	`14px`	`body`
font-size	`38px`	`h1`
font-size	`32px`	`h2`
font-size	`24px`	`h3`
font-size	`18px`	`h4`
font-weight	`600`	`.blog-rich-text a.button`
font-weight	`700`	`h1,h2,h3,h4,h5,h6`
font-weight	`500`	`h1`
line-height	`20px`	`body`
line-height	`44px`	`h1`
line-height	`36px`	`h2`
line-height	`30px`	`h3`
line-height	`24px`	`h4`
line-height	`18px`	`h6`
line-height	`1.56`	`body`
color	`var(--colors--black)`	`.blog-rich-text a.button`
color	`#333`	`body`
color	`var(--colors--hugo--exo)`	`a`
color	`var(--colors--hugo--thermo)`	`.button_old.outline:hover`
background-color	`rgba(56, 152, 236, 0)`	`.blog-rich-text a.button`
background-color	`#0000`	`a`
background-color	`#fff`	`body`
border-radius	`4px`	`.blog-rich-text a.button`
border-radius	`40px`	`.how-button`
border-radius	`.69em`	`.template-card`
border-radius	`2px`	`.post-card\__thumb`
border-radius	`100px`	`.button.pill`
border-radius	`8px`	`.download-card`
box-shadow	`0 2px 20px #24041c4d`	`.nav-shadow`
box-shadow	`4px 3px 5px #0003`	`.button.fellow-blue`
box-shadow	`2px 2px 5px #0000005c`	`.button.icon-btn`
box-shadow	`0 3px 3px 3px var(--colors--blue-100)`	`.button.shadow`
max-width	`1679px`	`.container`
max-width	`var(--dimensions--max-width-desktop)`	`.container-nav`
max-width	`70%`	`.download-hero-image`
max-width	`970px`	`.sticky-container-2`
padding	`.4em 1em`	`.blog-rich-text a.button`
padding	`0`	`button::-moz-focus-inner,input::-moz-focus-inner`
padding	`0 1.5em`	`.button_old`
padding	`1em 2em`	`.container-nav`
transition	`transform .35s`	`.blog-rich-text a.button`
transition	`all .2s ease-in-out`	`.button\_old`
transition	`all .2s`	`.blog-rich-text a`

Evidence and limitations

Values come directly from downloaded stylesheets. Selector context is retained to distinguish elements; individual media-query conditions are not retained.
CSS cascade, active viewport, runtime styles, interactive states and private product UI were not verified. Colors or dimensions in utility classes may be unused on this page.
No inferred dark theme, semantic color roles or framework defaults have been added.
26 custom-property declarations found; 779 relevant property declarations parsed.

Hugo

Marketing Pages

Product Interfaces

Emails

Hugo

Onboarding Email Flow

Hugo

Sign Up Flow

Hugo

User Onboarding

Visual identity

Hugo — design reference

Typography

Colors and surfaces

Components and layout

Responsive rules

Evidence and limitations

Stylesheet sources