Templates/Agency & Studio
For studios that let the work speak. An editorial hero and a calm project grid set the tone, process, team and contact make the studio tangible.
Die fertige Seite zum Durchscrollen, umschaltbar zwischen Desktop, Tablet und Handy.
Aufbau der Seite
Diese Sections ergeben die Seite oben, in genau dieser Reihenfolge. Kopiere jede als eigene Datei nach ./components und setze sie mit dem Snippet darunter zusammen.
- 1Service Design HeroHero with a clear promise
- 2Asymmetric Project GridSelected projects in an asymmetric grid
- 3Logo MarqueeCustomer logos as a calm band of trust
- 4Woven Image StatementStatement about how we work
- 5Gradient Sprint TimelineSprint process as a timeline
- 6Team Hover RevealTeam with hover portraits
- 7Tilted Testimonial ScatterClient voices, loosely scattered
- 8Faq SectionCommon questions before getting in touch
- 9Contact SectionContact with location
- 10Editorial Mega FooterEditorial mega footer
Komposition
Kopiere die Sections unten als eigene Dateien nach ./components und setze die Seite mit diesem Snippet zusammen.
import { ServiceDesignHero } from "./components/ServiceDesignHero";
import { AsymmetricProjectGrid } from "./components/AsymmetricProjectGrid";
import { LogoMarquee } from "./components/LogoMarquee";
import { WovenImageStatement } from "./components/WovenImageStatement";
import { GradientSprintTimeline } from "./components/GradientSprintTimeline";
import { TeamHoverReveal } from "./components/TeamHoverReveal";
import { TiltedTestimonialScatter } from "./components/TiltedTestimonialScatter";
import { FaqSection } from "./components/FaqSection";
import { ContactSection } from "./components/ContactSection";
import { EditorialMegaFooter } from "./components/EditorialMegaFooter";
export default function AgenturStudioPage() {
return (
<main>
<ServiceDesignHero />
<AsymmetricProjectGrid />
<LogoMarquee />
<WovenImageStatement />
<GradientSprintTimeline />
<TeamHoverReveal />
<TiltedTestimonialScatter />
<FaqSection />
<ContactSection />
<EditorialMegaFooter />
</main>
);
}
Häufige Fragen
Eine kuratierte Landingpage aus aufeinander abgestimmten Sections der Library, in sinnvoller Reihenfolge von Hero bis Footer. Du kopierst die Sections einzeln und setzt sie mit dem Kompositions-Snippet zusammen.
Deine Frage war nicht dabei? Wir helfen gern weiter.
Kontakt aufnehmen