Back to Sorell Index — 12 demos

Demo previews.

The Home page of every Sorell demo, at desktop and phone size.

Demo 01

Editorial Studio

Ortega Lund — brand & digital studio

A calm studio identity: warm paper, serif italics and a single terracotta accent. The default demo.

Home page of Demo 01, Editorial Studio, at desktop width. — Desktop — 1440 px

Home page of Demo 01, Editorial Studio, on a phone. — Phone — 390 px

Demo 02

Swiss Agency

Ruído — creative studio for culture

Loud grotesk headlines, ruled grids and signal orange for culture-driven agencies.

Home page of Demo 02, Swiss Agency, at desktop width. — Desktop — 1440 px

Home page of Demo 02, Swiss Agency, on a phone. — Phone — 390 px

Demo 03

Cinematic Artist

Inês Varela — photographer

Full-bleed imagery, night-blue sections and quiet captions for photographers and visual artists.

Home page of Demo 03, Cinematic Artist, at desktop width. — Desktop — 1440 px

Home page of Demo 03, Cinematic Artist, on a phone. — Phone — 390 px

Demo 04

Architecture Studio

Cerrado Studio — architecture & interiors

Split hero, material studies and technical labels for architects and interior designers.

Home page of Demo 04, Architecture Studio, at desktop width. — Desktop — 1440 px

Home page of Demo 04, Architecture Studio, on a phone. — Phone — 390 px

Demo 05

Creative Developer

Caio Mendes — creative developer

Dark interface, monospace details and a lime accent for developers and digital labs. Includes a Lab page template for experiments.

Home page of Demo 05, Creative Developer, at desktop width. — Desktop — 1440 px

Home page of Demo 05, Creative Developer, on a phone. — Phone — 390 px

Demo 06

Art Director

Lúcia Prado — artist & art director

Poster-scale type over a color-driven hero, set from the Customizer colors.

Home page of Demo 06, Art Director, at desktop width. — Desktop — 1440 px

Home page of Demo 06, Art Director, on a phone. — Phone — 390 px

Demo 07

Personal Resume

Rowan Hale — product designer & creative director

Portfolio and CV on one page: profile facts, case studies, experience and process.

Home page of Demo 07, Personal Resume, at desktop width. — Desktop — 1440 px

Home page of Demo 07, Personal Resume, on a phone. — Phone — 390 px

Demo 08

Film Director

Ezra Vale — film director

Condensed titles, a showreel, project filters and a contact-sheet lightbox for filmmakers.

Home page of Demo 08, Film Director, at desktop width. — Desktop — 1440 px

Home page of Demo 08, Film Director, on a phone. — Phone — 390 px

Demo 09

Graphic Designer

Jamie Park — graphic designer

Italic display type, playful color and a project lightbox for graphic designers.

Home page of Demo 09, Graphic Designer, at desktop width. — Desktop — 1440 px

Home page of Demo 09, Graphic Designer, on a phone. — Phone — 390 px

Demo 10

Object Designer

Elias Voss — furniture, lighting & objects

Product sheets with technical annotations for furniture, lighting and object design.

Home page of Demo 10, Object Designer, at desktop width. — Desktop — 1440 px

Home page of Demo 10, Object Designer, on a phone. — Phone — 390 px

Demo 11

Product Designer

Daniel Reyes — product designer

Name as headline, deep navy and serif italics for product and UX designers.

Home page of Demo 11, Product Designer, at desktop width. — Desktop — 1440 px

Home page of Demo 11, Product Designer, on a phone. — Phone — 390 px

Demo 12

Illustrator

Maya Rosa — illustrator & visual artist

An italic serif headline, a sketchbook gallery and notes for illustrators.

Home page of Demo 12, Illustrator, at desktop width. — Desktop — 1440 px

Home page of Demo 12, Illustrator, on a phone. — Phone — 390 px