All work

SCLN Legal Network

Multi-page Hugo site for SCLN Legal Network - tax and fiscal law firm - with Tailwind, Figma-based UI, and a news section for updates.

SCLN Legal Network
Hugo Static WebsiteClient: David MayerMarch 2021

Built with

Hugo
Tailwind CSS
Vanilla JS
AOS

Approach

  • Multi-page Hugo site from Figma
  • Tailwind CSS for layout and responsive behavior
  • News and events section with maintainable markdown content

Engineering notes

SCLN is a tax and fiscal law firm. They needed a marketing site that reads as professional and trustworthy.

The brief covered three parts:

  • Multi-page information architecture
  • Service pages that explain the practice
  • A news section the firm can update without a React rebuild

Hugo emits static HTML with simple hosting. Tailwind implemented the supplied Figma kit. Layouts cover practice areas and regional landings.

We used AOS (Animate On Scroll) for visual hierarchy. Motion must not harm Core Web Vitals.

Content lives in markdown. Shared partials cover attorneys, office routes, and CTAs. The firm can add announcements or regulatory updates without duplicating HTML.

Outcome

Practice pages stay evergreen. News stays time-sensitive. Editors can grow content without a new frontend build.

Live: scln.it.

Related reading