mirror of
https://github.com/hanzoai/frames.git
synced 2026-09-24 00:08:03 +00:00
8a081e750f
* docs: apply HyperFrames design system to Mintlify theme Update docs config and add custom CSS to match the HyperFrames brand: - Switch theme from mint to maple, replace cyan palette with warm neutrals - Add Inter (body/headings) and IBM Plex Mono (code) fonts - Add custom.css with full light/dark mode CSS variables - Default to light mode appearance - Replace box-shadow hover effects with border-color (flat aesthetic) - Add DESIGN.md to repo root as design system reference - Fix docs CI to also trigger on DOCS_GUIDELINES.md pushes to main Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> * docs: replace HeyGen logo with HyperFrames text wordmark Replace 41KB HeyGen SVG logos with lightweight (~400B) text-based SVGs rendering "HyperFrames" in Inter semibold with tight tracking, matching the wordmark style on hyperframes.heygen.com. Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> * docs: use ABC Solar Display font for logo wordmark Match the exact font rendering from hyperframes.heygen.com: - Load ABC Solar Display Bold from HeyGen static assets CDN - SVGs use 15.2px/600w/-0.15 letter-spacing (matches computed styles) - Dark mode fill matches rgb(240,240,240) from the website - Add @font-face in custom.css for site-wide availability - Fix lefthook: remove css from oxfmt glob (oxfmt doesn't support CSS) Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> * docs: convert logo SVGs to outlined paths SVG <text> elements don't render custom fonts when loaded as <img> (browser security restriction). Convert the ABC Solar Display glyphs to SVG paths extracted from the font outlines — renders identically everywhere with zero font dependency. Remove @font-face for the display font from custom.css since it's no longer needed. Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> * docs: constrain logo height to match website sizing Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> * Revert "docs: constrain logo height to match website sizing" This reverts commit 89e9cb598e00874d87e501128b2dd689192329bd. * docs: switch body font from Inter to TT Norms Pro Use TT Norms Pro (from HeyGen static assets CDN) to match hyperframes.heygen.com. Loads weights 400-700 via @font-face with Inter as fallback. Co-Authored-By: Claude Opus 4.6 (1M context) <[email protected]> --------- Co-authored-by: Claude Opus 4.6 (1M context) <[email protected]>
26 lines
447 B
CSS
26 lines
447 B
CSS
.tpl-card video {
|
|
width: 100%;
|
|
aspect-ratio: 16/9;
|
|
object-fit: cover;
|
|
display: block;
|
|
}
|
|
|
|
.tpl-card.portrait video {
|
|
aspect-ratio: 9/16;
|
|
}
|
|
|
|
.tpl-card:hover {
|
|
transform: translateY(-2px);
|
|
border-color: var(--border-color-light, #d0cfcb);
|
|
}
|
|
|
|
.tpl-label {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 2.5rem 0.75rem 0.75rem;
|
|
background: linear-gradient(transparent, rgba(0,0,0,0.75));
|
|
pointer-events: none;
|
|
}
|