Zum Inhalt springen
Alle Templates

Templates/Agentur & Studio

Für Studios, die ihre Arbeit sprechen lassen. Ein editorialer Hero und ein ruhiges Projekt-Grid geben den Ton an, Prozess, Team und Kontakt machen das Studio greifbar.

Agentur & Kreativstudio10 Sections

Die fertige Seite zum Durchscrollen, umschaltbar zwischen Desktop, Tablet und Handy.

Nächste Vorlage: Coaching & Wellness

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.

  1. 1
    Service Design HeroHero with a clear promise
  2. 2
    Asymmetric Project GridSelected projects in an asymmetric grid
  3. 3
    Logo MarqueeCustomer logos as a calm band of trust
  4. 4
    Woven Image StatementStatement about how we work
  5. 5
    Gradient Sprint TimelineSprint process as a timeline
  6. 6
    Team Hover RevealTeam with hover portraits
  7. 7
    Tilted Testimonial ScatterClient voices, loosely scattered
  8. 8
    Faq SectionCommon questions before getting in touch
  9. 9
    Contact SectionContact with location
  10. 10
    Editorial 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>
  );
}
FAQ

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