Froghat CreativeResponsive Header
Responsive navigation with active links, optional social icons, glass-on-scroll styling, and an accessible mobile menu.
STUDIO
Site Structure
Back to Top
A subtle return control that appears after scrolling and respects reduced-motion preferences.
Customise the style
Directory Footer
A compact service directory with home links, responsive columns, social icons, copyright, and legal navigation.
Customise the style
Contact Section
A focused closing call-to-action with optional background media, direct contact, and social links.
START A PROJECTLet’s make something memorable.
Tell us what you want to put into the world.
Customise the style
Scrolling Marquee
A continuous logo or partner strip that pauses on interaction and respects reduced motion.
Customise the style
Custom Themes
A token-based theme provider with persistent selection and a compact theme switcher.
Heading
Body text shows the supporting typeface and colour.
One set of tokens updates the interface.Customise the style
Textured Surface
A wrapper that gives repeated cards natural variation using one shared texture and stable offsets.
01Natural variation
02One shared texture
03One clear system
Customise the style
Content & Media
Editorial Gallery
A responsive gallery that respects natural image ratios, avoids upscaling, and opens images in an accessible lightbox.
Photography Marquee Gallery
A cinematic photography row with pointer-controlled motion on desktop and direct manual scrolling on mobile.
Video Embed
Poster-first playback for embedded, hero, and background video treatments.
Hover Swap Media
An image treatment that reveals alternate artwork on pointer hover or keyboard focus.
Selected Work Panel
A portfolio rhythm with a lead project, supporting work, and a second feature without duplicate selections.
Project Case Study
A structured project story combining metadata, roles, narrative sections, media, credits, and next-project navigation.
FILM · 2026Project titleBrief Approach Outcome
External Link Cards
Portrait and landscape cards for videos, articles, websites, and social posts.
Interactive Tools
Authentication Panel
A provider-neutral sign-in panel for password and optional third-party authentication.
Welcome backor continue with provider
Search and Multi-select Filters
Text search, expandable filter groups, and removable chips for active selections.
0 filters selected
Sortable List
Drag-and-drop ordering with persistent state and keyboard-friendly arrow controls.
⠿01Cats 😺
⠿02Dogs 🐶
⠿03Frogs 🐸
Chronological Events
Automatic Upcoming and Previous groups with useful date ordering.
Upcoming● Tomorrow, Nov 6 · Studio Session● Nov 12 · Product LaunchPrevious● Yesterday, Nov 4 · Creative Review
For Creatives
Song Chart
An editable songwriting chart with independent lyric rows, chord positions, and song-part markers.
VERSE 1
Customise the style
Chord Diagrams
Validated guitar and piano diagrams. Accepted roots: C, C♯/D♭, D, D♯/E♭, E, F, F♯/G♭, G, G♯/A♭, A, A♯/B♭ and B. Supported types: major, minor (m), 7, maj7 and m7.
Customise the style
Key Changer
A compact key selector that transposes a chord progression while preserving chord qualities.
Choose a new key
Transposed song partsCAmFGOriginal: C · Am · F · G
Customise the style
Searchable Reference Catalogue
A searchable catalogue for design and development resources with filters, import, and export.
Colour4 resources
Type6 resources
Media3 resources
Print & Export Layouts
Paged A4 previews with orientation, column controls, navigation, and clean print output.
Portrait 2 columns
Page 1 of 3
Something specific you’d like on your page?
Ask me