// Getting started

Everything you need to make Agenceia yours — in eight short steps.

Brand colours

Open Assets → Colors. Agenceia uses 20 colour styles (Accent, Lime, Ink, Sand, Muted…). Change Accent to your brand colour and every button, highlight and link updates across the whole site.

Typography

Open Assets → Text Styles. Headlines use Bebas Neue (Display and Heading styles), body copy uses Inter. Swap the font in a style once and it changes everywhere.

Hero wordmark

On Home, select the “Duotone Wordmark” layer. In the right panel, change the text, the image inside the letters, the stripes and the pan speed.

Hero portrait

The split band uses two pre-toned halves, “Left (Accent)” and “Right (Night)”. Replace both image fills with your own pair, or use one photo on both sides.

CMS content

Open the CMS panel. Projects, Team, Clients, Services, Process and Blog are ready to edit. Adding a Project or Blog post creates its page automatically.

Components

Buttons, links, cards, team cards, counters and the marquee are reusable components. Edit the main component to update every instance, or change text and links per instance.

Animations

Scroll effects live in the code file Skrollr.tsx as overrides (withTrusted, withCreative…). Remove an override in the layer panel to switch an effect off. The site loader is a component in the layout — turn it off by hiding “Site Loader”.

SEO & publishing

Each page has its own title and description under Page Settings. Set your favicon and social image in Site Settings, connect your domain and hit Publish.