Counsel is a single-page lawyer portfolio landing page built on an asymmetric 60/40 grid. It combines a Tech Glass visual identity with a Manifesto creative direction, layering black-and-white floating portraits, bold legal philosophy statements, and a progressive call-to-action system. Designed for high-stakes legal professionals, it turns a personal legal practice into a compelling, trust-first digital presence.
by Rocket studio
Loading preview…
Quick summary
Counsel is a single-page lawyer portfolio landing page that pairs a sharp asymmetric grid with a glass-layered visual identity. It opens with five floating black-and-white portraits and a manifesto headline, then builds conviction through alternating bold assertions and supporting proof. The primary call to action routes visitors directly to a confidential booking screen.
Who this template is for
This template is built for legal professionals whose clients arrive with complexity and expect absolute clarity in return. It suits attorneys who want their digital presence to reflect the same weight and precision as their courtroom or boardroom work.
Startup and technology-focused lawyers handling IP disputes, mergers and acquisitions, or venture financing
Independent attorneys and boutique firm partners building a personal brand alongside their practice
Legal professionals targeting founders, startup general counsels, or venture partners as their primary audience
What problem this template solves
Most generic legal website templates feel sterile and interchangeable. They fail to communicate personal expertise, legal philosophy, or the specific caliber of client a lawyer serves. Counsel is designed to fix that gap.
Visitors arrive without context and leave before trust is established
Standard portfolio pages bury proof points in text-heavy bios rather than leading with conviction
The absence of a clear, frictionless booking path causes high-intent prospects to drop off before converting
What you get with this template
You get a complete, ready-to-customize single-page landing page structured around a lawyer's personal legal philosophy and practice outcomes. Every section has a defined role in moving a visitor from curiosity to a scheduled call.
An asymmetric 60/40 grid layout with a Tech Glass visual identity and Cloud Canvas color system
A floating photo header, a manifesto scroll flow, and a three-stage progressive call-to-action system
Theme
Tech Glass
Creative direction
Manifesto
Color system
Cloud Canvas
Style
Asymmetric Grid (60/40)
Direction
Click-Through
Page Sections
Asymmetric 60/40 Grid Layout
Floating Photo Header with Parallax
Manifesto Scroll Structure
Progressive Call-to-action System
Secondary Research Path Link
Tech Glass Visual Identity
Related questions
Is this template suitable for a solo attorney or only for a firm?
Does the page include a contact form?
Can I update the case outcome numbers and client logos myself?
What kind of attorney gets the most value from this template?
Does the sticky bottom bar appear on all devices?
A secondary text link to case studies that keeps research-phase visitors engaged before they exit
Feature list
This section covers the core built-in features delivered by the Counsel template as described in the source brief.
Asymmetric 60/40 Grid Layout
The page uses a deliberate 60/40 column split throughout its scroll. The wider column carries bold manifesto statements and primary visual weight. The narrower column holds supporting evidence: stripped-down case outcomes, frosted-glass client logo tiles, and a timeline of landmark deals.
Floating Photo Header with Parallax Depth
Five candid black-and-white portraits of the attorney are displayed at staggered depths with soft parallax movement and frosted-glass card shadows. The images orbit a single manifesto line set in a large light serif typeface, creating an immediate sense of presence and credibility.
Manifesto Scroll Structure
The page unfolds as a personal declaration of legal philosophy. Each scroll step delivers one bold assertion in the 60-column followed by supporting proof in the 40-column. The rhythm builds conviction steadily, mirroring the structure of a closing argument.
Progressive Call-to-Action System
The primary call to action, "Schedule a Confidential Call," appears three times in evolving forms. It starts as a ghost button in the header, solidifies into a filled periwinkle button past the manifesto midpoint, and anchors a sticky bottom bar in the final section. No form is used; the click routes directly to a booking screen.
Secondary Research Path
A text link, "Read the Case Studies," is included for visitors still in the evaluation phase. It provides a low-commitment next step that keeps high-intent prospects on the page rather than sending them to a competitor.
Tech Glass Visual Identity
Backgrounds layer with blur and transparency effects. Text sits sharp and dark against cloud-light frosted surfaces. Generous whitespace separates every content block, and a single electric periwinkle accent color is reserved exclusively for links, hover states, and the call-to-action button.
Page sections overview
Section
Purpose
Floating Photo Header
Establishes identity and anchors the manifesto headline
Manifesto Opening
States the attorney's legal philosophy as a bold declaration
Assertion and Proof
Pairs bold claims with case outcomes and supporting data
Client Logo Tiles
Displays frosted-glass client logos to signal credibility
Landmark Deal Timeline
Shows a visual history of significant transactions or cases
Mid-Page call to action
Converts the ghost button into a filled booking call to action
Case Studies Link
Retains research-phase visitors with a secondary content path
Sticky Bottom Bar
Anchors the final call to action for last-scroll conversions
Design & branding system
The visual identity is built on the Cloud Canvas color system, which uses translucent and frosted tones as its foundation. One accent color carries all interactive weight, keeping the palette disciplined and immediately recognizable.
Core palette: translucent off-white (#F4F5F7), frosted panel gray (#DFE3EA), deep charcoal ink (#1C1F26), and electric periwinkle (#6C7BFF) for links, hover states, and the call-to-action button
Typography: a large light serif typeface for the manifesto headline and primary display text, paired with sharp dark body copy against cloud-light surfaces
Layered backgrounds use subtle blur and transparency to create depth without visual noise, consistent with the Tech Glass theme
Mobile & speed optimization
The Counsel template is structured with a clean, content-focused layout that translates well to smaller screens. The asymmetric grid and layered visual effects are designed to remain readable and functional without sacrificing the overall aesthetic.
The asymmetric 60/40 grid and staggered photo layout are built to reflow cleanly on mobile viewports
Generous whitespace and high-contrast charcoal-on-light text support comfortable reading across device sizes
How this template helps you convert
The page is engineered around a Click-Through direction, meaning every design decision exists to move the visitor toward one action: booking a call. There is no form friction and no distraction from the primary path.
The three-stage progressive call-to-action system reinforces the booking prompt at the header, at the emotional midpoint of the manifesto, and again in the sticky bottom bar so the right invitation appears at the right moment in the visitor's journey.
The secondary "Read the Case Studies" text link captures visitors who are not yet ready to book, giving them a next step that deepens engagement rather than ending the session.
Other information about this template
Counsel sits within the Personal and Resume category under the Lawyer Profile subcategory, specifically targeting the lawyer portfolio website niche. It is a single-page landing page, not a multi-page site.
The template is designed for customization: portrait photos, manifesto copy, case outcome numbers, client logos, and the deal timeline are all placeholder-ready content zones
The booking call to action is pre-wired for a Calendly-style external booking screen, keeping the page itself friction-free
The Manifesto creative direction and Click-Through landing page direction are matched intersection fields, meaning the layout, scroll rhythm, and conversion structure were designed together as a cohesive system
The Tech Glass theme and Cloud Canvas color system are template-level design decisions, not user-configurable settings, ensuring visual consistency out of the box
