Read me

Make it yours in five steps.

Everything brand-specific lives in styles, the CMS and two shared components. Every effect is built to work with your own photographs.

Steps

05

Effects

Brand-agnostic

Rebrand

Name, logo and contact

Select the Nav and the Footer (they are on every page) and edit Studio Name, Logo Mark (Plan, Threshold, Oculus or None) or upload your own Logo File, plus links, city, time zone, email and address in the right panel. Then update Site Settings › General (title, favicon, social image) and each page's SEO.

One accent colour

Assets › Colors › Brand/Accent. It is used sparingly (clock dot, sun, scan line, button hover), so the site stays calm in any colour. Every colour on the site — including inside the code components — follows the colour styles.

Fonts

Assets › Text Styles. Display styles use the serif, Body styles the sans, UI/Label the mono. Swap the font in a style and every page and component follows. Tablet and Phone sizes are already set on each Display style.

Your work

CMS › Projects, Expertise, Journal, Team. Upload images straight into the fields and write alt text for each image. Project sections hide themselves when a field is empty, so a project can be as short or as long as you like.

Films and photos

Select the Hero on Home: each slide has an Image, a Video File (upload, recommended) or a Video URL, a title and a link. The Light, hour by hour section takes 2–4 photos with a time and caption each. Any Arqve Image takes an upload, alt text and an effect: Slit, Drawing, Parallax or None.

Colour styles

Paper

#F3F0E9

Limestone

#E7E1D7

Stone

#D9D1C4

Ink

#292A27

Night

#181917

Accent

#A2714A

Components

Arqve Nav

Logo, 5 links + Contact, live clock (time zone), full-screen menu on tablet and phone, hides on scroll, turns solid over content.

Arqve Hero

Threshold opening: 4 project slides (photo or film) inside an opening that widens as you scroll.

Arqve Image

Any photo + alt text, with Slit, Drawing (line drawing builds into the photograph), Parallax or no effect, optional link and cursor label.

Arqve Hours

Light, hour by hour: 2–4 photos crossfade with a clock and sun dial as you scroll.

Arqve Button

Label, link and four styles: Solid, Text, Solid on Dark, Text on Dark.

Arqve Footer

Tagline, address, contact, 6 links, 3 socials, clock and the studio name fitted to the full width.

Scroll effects

Add a tag to any layer name to animate it — no code needed. Remove the tag to switch the effect off.

[reveal]

Fades and rises in when scrolled into view

[words]

Reveals a heading word by word

[delay:200]

Delays any reveal in milliseconds

[parallax]

Drifts the layer slightly while scrolling

[cursor:View]

Shows a custom cursor label on hover

Support

Questions or a refund request?

Email hello@riyadsbitan.com — replies within two working days. Before launch: turn off "Read Me Link" in the Footer and delete this page.

ARQVE

Contact