Services Accordion
A services section with a large SplitText heading reveal, description, and expandable accordion rows. Each row fills with a black panel on hover, inverting text to white. Expanded state reveals a description and a responsive grid of sub-services.
Preview
What We Do
We bring together the right human expertise with the best use of technology to help define, design and accelerate delivery of more valuable, personal interactions between people and brands across their full ecosystem.
Creative Direction
Codifying the creative language of your brand across every touchpoint — from narrative systems to motion — to deliver clarity, consistency and impact at scale.
Creative Platform
Defining the core idea, tone and territories that guide all expressions.
Visual Language
Typography, color, grids, art direction and imagery systems for a cohesive look & feel.
Narrative Systems
Messaging architecture, voice & tone, taglines and story frameworks.
Campaign Concepts
Big ideas, key visuals and toolkits engineered for multi-channel rollout.
Editorial Design
Swiss-inspired systems for long-form, microsites and content hubs.
Motion & Film
Motion language, transitions, type in motion, and direction for live-action & CG.
Design Ops
Components, specs and QA to ensure consistency from Figma to code.
Brand Toolkits
Practical libraries, templates and guidance for teams to ship faster.
AI-Aided Workflows
Prototyping, exploration and asset generation to accelerate creative delivery.
Film & Motion Design
Codifying the creative language of your brand across every touchpoint — from narrative systems to motion — to deliver clarity, consistency and impact at scale.
Creative Platform
Defining the core idea, tone and territories that guide all expressions.
Visual Language
Typography, color, grids, art direction and imagery systems for a cohesive look & feel.
Narrative Systems
Messaging architecture, voice & tone, taglines and story frameworks.
Campaign Concepts
Big ideas, key visuals and toolkits engineered for multi-channel rollout.
Editorial Design
Swiss-inspired systems for long-form, microsites and content hubs.
Motion & Film
Motion language, transitions, type in motion, and direction for live-action & CG.
Design Ops
Components, specs and QA to ensure consistency from Figma to code.
Brand Toolkits
Practical libraries, templates and guidance for teams to ship faster.
AI-Aided Workflows
Prototyping, exploration and asset generation to accelerate creative delivery.
Brand Strategy
Positioning, architecture and go-to-market plans that give creative work a strategic foundation.
Creative Platform
Defining the core idea, tone and territories that guide all expressions.
Visual Language
Typography, color, grids, art direction and imagery systems for a cohesive look & feel.
Narrative Systems
Messaging architecture, voice & tone, taglines and story frameworks.
Campaign Concepts
Big ideas, key visuals and toolkits engineered for multi-channel rollout.
Editorial Design
Swiss-inspired systems for long-form, microsites and content hubs.
Motion & Film
Motion language, transitions, type in motion, and direction for live-action & CG.
Source
import ServicesAccordion from "./index.jsx";
import { servicesAccordion } from "../demo-data.js";
export default function ServicesAccordionDemo() {
return <ServicesAccordion {...servicesAccordion} />;
}
Dependencies
gsap
Related Components
