Magnetic Lattice Hero
+6Lumen Agency Landingv1.0.0
Use this Skill to build website page.
5.011 downloads0 likes0 saves
$4.99
What do I get when I buy this Skill?Create a bright agency landing page that pairs selected work, client proof, services, and a focused invitation to get in touch. It helps studios, freelancers, and consultancies sell their craft through clear evidence, making it ideal for client-facing introductions and portfolio refreshes.
Picked most often by
Updated Aug 31, 2026
Similar Skills
View all skills+6
What you get
- A finished agency one-pager in the lumen style — hero, capability trio, two testimonial bands, a Recent Work showcase, six services cards, a dark closing CTA, and a footer — in one HTML file
- The bright white design system: one purple-to-pink gradient reserved for headline words, teal-ringed icon chips, grid-pattern grounds, and a glow CTA button
- Project rows that pair a real cover image with a CSS browser-window mockup, so your work section looks shipped even before screenshots exist
- Polite motion already wired up: scroll reveals, a mouse-follow wash on the services cards, and a staggered mobile menu
Good fit
- Agencies, studios, and freelancers who need a portfolio-plus-services page that sells craft through work samples and testimonials
- Consultancies preparing a client-facing one-pager where social proof has to appear at every scroll
- Teams that want a page they can open from disk, embed in an iframe, or drop into their own React/Vue codebase unchanged in spirit
Not for
- Product SaaS pages organized around feature grids and pricing tables — a SaaS landing Skill fits better
- Brands that want a dark, moody, or maximalist look — lumen is bright, warm, and restrained
- Multi-page sites with real routing, blogs, or CMS content — this is a deliberate one-pager
Brand IdentitySales Proposal & FundraisingDigital Publications & Web PagesBuild Website PageBuild Landing PageStyle-lockedEditable OutputBright White MinimalGradient Accent TypographyGrid Pattern GroundsPlayful ProfessionalPortfolio Showcase Rows
About this Skill
Tell it your studio's name, a few projects, and what you sell, and it returns a bright, friendly agency one-pager — white ground, one purple-to-pink gradient on the words that matter, and your work presented in showcase rows that look shipped. The page opens in any browser as a single file, with no build tools, external resource requests, or hosting required; typography uses local/system fonts.
What you get
- A complete one-pager: hero, capability trio, two testimonial bands, a Recent Work showcase, six services cards, a dark closing CTA, and a quiet footer
- Project rows that pair a cover image with a CSS browser-window mockup, so the work section holds up even before you have screenshots
- Testimonials with tasteful monogram avatars on a subtle grid ground, finished with a gradient spark line
- Motion already wired: scroll reveals, a mint wash that follows your cursor across the services cards, and a staggered mobile menu
- Inside your own codebase, the same page arrives as components in your framework instead of one file
How to use it
- Give it your agency name, a one-line promise, 2–4 projects, and your services — rough notes are enough
- Attach project screenshots if you have them; if not, it builds believable mockups from CSS
- Open the file it hands back in your browser; ask for copy or section changes in plain words
What you need before you start
- You bring
- Your agency or studio name, a one-line promise, 2-4 showcase projects, six services, and optional testimonials and cover images
- Last tested
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
User reviews
Loading reviews…