ApexCreative · portfolio preview

Template catalog

9 templates registered. Preview the sample document as a live portfolio.

• BroadsheetbasicEditorial newspaper layout: an asymmetric split hero sets the name at display scale beside the summary, experience reads as a two-column timeline, and projects run as one lead card plus a stack. Pure CSS, including scroll-driven reading progress and section reveals. basic-b1-broadsheet · v2.1.0 · motion css-scroll-driven · static
• DossierbasicIntelligence briefing: a monospace data strip, a sticky skills and certifications sidebar, and dense experience cards. Reads as a dossier rather than a brochure — built for analysts, engineers and operators. basic-b2-dossier · v2.1.0 · motion css-scroll-driven · static
• GallerybasicVisual-first grid where the work replaces the hero: a project mosaic with the name overlaid, minimal text chrome and a lightbox on the tiles. For designers, creators and marketers with visual evidence to show. basic-b3-gallery · v2.1.0 · motion css-scroll-driven · static
• Architectural BentopremiumAn architectural bento grid: every cell has one job, the 1px grid lines stay visible as a design element, and the cells draw themselves in from the centre outward like a blueprint being plotted. Built for engineers, analysts and product people whose work is evidence. premium-c1-construct · v2.0.0 · motion gsap · interactive
• Scroll-Driven NarrativepremiumLong-form scrollytelling: the career is told as chapters rather than listed, with a pinned hero, a horizontal scroll-driven era timeline and a background that shifts as the story moves forward. premium-c2-chronicle · v2.0.0 · motion gsap · interactive
• Multi-Surface DepthpremiumLayered surfaces at different depths: foreground type, mid-ground cards and a slow background plane that parallax at different rates, so the page reads as one continuous space instead of stacked sections. premium-c3-prism · v2.0.0 · motion gsap · interactive
• DimensionplatinumWebGL spatial hero: floating geometry that reacts to the pointer, depth transitions between sections and per-character type reveals. The heaviest layout in the catalog, reserved for creative technologists. platinum-d1-dimension · v1.0.0 · motion gsap+webgl · immersive
• KineticplatinumTypography is the design: monumental display type split per character, kinetic section headings and a tracked cursor, all DOM-animated with GSAP SplitText. No WebGL, so it stays the lightest platinum layout. platinum-d2-kinetic · v1.0.0 · motion gsap+splittext · immersive
• OdysseyplatinumScroll as film reel: pinned cinematic scenes, scrubbed sequences, an atmospheric dark palette and optional sound design. The flagship narrative layout. platinum-d3-odyssey · v1.0.0 · motion gsap+webgl+audio · immersive