System overview
- Hero
- stacked · center
- Surface
- light
- Density
- sparse
- Content width
- 1064px
- Confidence
- low
- Primary action
- Request Access
Color system
Light surfaces use 8 repeated semantic colors; the primary action carries the strongest interactive emphasis.
Page canvas
Dominant rendered page background.Surface
Repeated container or section fill; relative occurrence score 61.Surface
Repeated container or section fill; relative occurrence score 20.Surface
Repeated container or section fill; relative occurrence score 12.Primary text
Observed display foreground with 15.0:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 5.8:1.Primary action
Fill used by the dominant first-viewport action.Border and divider
Most repeated inspectable border color.Typography
A single-family system uses DM Sans across display and reading roles, differentiated by size and weight.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.The CorpGov OS for
DM Sans · 64px/70.4px · weight 700 · tracking 0px · color rgb(26, 26, 26)Recognized where governance standards are set
DM Sans · 48px/60px · weight 600 · tracking -1.2px · color rgb(73, 66, 61)Pennant is packaged around how investors, advisors and companies vote, consult and engage. We work…
DM Sans · 16px/28px · weight 400 · tracking 0px · color rgb(96, 90, 87)Corporate secretaries, IR teams and counsel conducting year-round engagment and AGM prep
DM Sans · 14px/20px · weight 400 · tracking 0px · color rgba(41, 37, 36, 0.702)Sign In
DM Sans · 13px/17.3333px · weight 500 · tracking 0px · color rgb(55, 50, 47)Spacing & shape
Spacing
- Base unit
- 4px
- Section gap
- 48px
- Container
- 24px
8px24px16px12px48px20px13px10px32px6pxShape
Mixed geometry is the dominant shape voice. Elevation is selectively reinforced with shadow.
- Pills
- 9999px
- Containers
- 10px
- Buttons
- 8px
- Media
- 0px
Inspect borders & shadows · 10
1px solid rgba(0, 13, 13, 0.078)1px solid rgba(58, 49, 49, 0.122)1px solid rgb(229, 227, 219)1px solid rgb(224, 222, 219)1px solid rgba(0, 0, 0, 0.078)rgba(0, 0, 0, 0.15) 0px 4px 12px 0pxrgb(240, 238, 230) 0px 0px 0px 3pxrgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1pxrgba(55, 50, 47, 0.12) 0px 2px 4px 0pxrgba(255, 255, 255, 0.08) 0px 0px 0px 2.5px insetComponent grammar
Hero
Opening proposition
Stacked, center-aligned opening anchored by “Request Access”.
Inspect 4 properties
- Pattern
- stacked
- Alignment
- center
- Heading
- DM Sans · 64px / 700
- Media
- product-ui
Navigation
Global wayfinding
Persistent navigation with 3 visible actions in the desktop opening.
Inspect 8 properties
- Background
- #f0eee6
- Text
- #0a0a0a
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- DM Sans · 16px / 400
- Position
- fixed
- Height
- 64px
Primary action
Conversion
“Request Access” is the strongest first-viewport action by semantic intent and visual contrast.
Inspect 6 properties
- Background
- #da7842
- Text
- #ffffff
- Border
- none
- Radius
- 9999px
- Padding
- 6px 48px 6px 48px
- Type
- DM Sans · 15px / 500
Content card
Repeated content module
2 style-matched content card instances were found among 3 candidates; properties describe the dominant observed cluster.
Inspect 6 properties
- Text
- #0a0a0a
- Border
- 1px solid rgb(224, 222, 219)
- Radius
- 0px
- Padding
- 24px 24px 24px 24px
- Type
- DM Sans · 16px / 400
- Candidate pool
- 3
Media frame
Visual proof
6 style-matched media elements were found among 28 rendered candidates; contain fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- contain, cover, fill
- Ratios
- 1.00, 1.78, 1.38, 2.70, 3.08
- Radius
- 0px
- Candidate pool
- 28
Closing link index
Inferred closing navigation
13 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #0a0a0a
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 32px 0px
- Type
- DM Sans · 16px / 400
- Links
- 13
Layout & narrative
The homepage continues through 10 observed sections, moving from the opening proposition into Offerings that fit how your team operates, Recognized where governance standards are set, The proxy voting platform built for every investor.
- Structure
- Stacked product narrative
- Hero pattern
- Stacked hero: message leads into visual proof within the opening
- Grid
- 2 columns
- Closing
- Closing link index with 13 actions
Full section sequence · 10
- Offerings that fit how your team operates
- Recognized where governance standards are set
- The proxy voting platform built for every investor
- Source-linked intelligence
- Custom policy execution
- Proposal ontology
- Records you can defend
- Corporate Advisors
- Institutional Investors
- Public Companies
Imagery, motion & responsive
Imagery
Product ui media acts as the page’s primary visual proof rather than decoration.
contain fitting · square-edged framesInspect imagery inventory
- Composition
- Multiple visual elements share the first viewport.
- Inventory
- 28 images/canvas elements and 0 videos across the analyzed homepage.
Motion
12 declared keyframes and 17 active animations were inspectable at capture; observed timing uses 0.2s, 0.3s, 0.4s.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- featuredScroll, attentionPulse, attentionPulseAmber, spin, pulse, enter, exit, accordion-down, accordion-up, scroll-fade-reveal-b, tw-shimmer, pulse-soft
- Durations
- 0.2s, 0.3s, 0.4s, 0.5s, 1.8s
- Easings
- ease, linear, ease, ease, cubic-bezier(0.4, 0, 0.6, 1), ease-in-out
- States
- transition-all, focus, hover, disabled, active
Mobile
Desktop navigation reduces from 3 visible actions to 2. Hero remains center-aligned; mobile heading size is 29.25px.
Observed multi-column desktop regions collapse to a single-column mobile flow.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- No horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #f0eee6 canvas with #1a1a1a primary copy before adding secondary surfaces.
- Use DM Sans at 64px/70.4px, weight 700, for the primary display moment.
- Reserve the strongest first-viewport contrast for “Request Access” within the center-aligned stacked hero.
- Product ui media acts as the page’s primary visual proof rather than decoration.
Don’t
- Do not mix in arbitrary radii; 9999px is the repeated treatment on pills.
- Do not reuse the #da7842 action color across decorative elements; keep its interactive emphasis selective.
- Do not introduce extra type families beyond DM Sans.
- Do not copy transition-all declarations; keep only purposeful transform or opacity motion.