/lu:talika/

the part of your identity that doesn’t fit into categories
Dark mode
Light mode

/lu:talika/

the part of your identity that doesn’t fit into categories
Dark mode
Light mode
Back

re|scripted

Branding + UX/UI + Development

re-scripted.com

Share

re|scripted is a collective of feminist education specialists, scholars and researchers, offering consultancy services to schools and organisations. They exist to ‘inspire, complicate, support and lead practices of intersectional theories of gender and difference.’ We had the pleasure of re-branding the feminist education consultancy and designing and developing their new website.

A grey background features a purple postcard with white text 'we are feminist education consulting practice'
Credits

UX Design: Katie Gee

Brand and UI Design: Alaïs de Saint Louvent

Development: Nata Sheketa

Awards

Awwwards: Honorable Mention

Branding

The driving concepts behind the re|scripted branding include clarity, minimalism and dynamism. After several iterations, we landed on a minimalist typographic logo in a single font, with the pipe (previously a slash) highlighted with the brand’s prominent green. As for typography, sans-serif fonts are more prominent but we sourced two contrasting serif fonts for subheadings and accents. We made use of organic, free-form lines and shapes to add a sense of spontaneity, autonomy and personality.

Six rectangles in re|scripted brand colours feature the text 're|scripted' inside

Blob shapes in re|scripted brand colours on a black background above the black text 'we are a feminist education consulting practice'

Blob shapes in re|scripted brand colours with hex codes

On a pale background is black text featuring Bicyclette Bold, Bicyclette Light, Bicyclette Regular and Crimson Pro Italic fonts

Six rectangles in re|scripted brand colours feature the text 're|scripted' inside

Blob shapes in re|scripted brand colours on a black background above the black text 'we are a feminist education consulting practice'

Blob shapes in re|scripted brand colours with hex codes

On a pale background is black text featuring Bicyclette Bold, Bicyclette Light, Bicyclette Regular and Crimson Pro Italic fonts

Website

Visible lines divide sections of the website, like an industrial grid. These are both functional (improving accessibility and legibility), and aesthetic; giving the website an edgy feel, which is offset by organic shapes and hand-drawn lines. Text heavy, we broke up copy with blobs of colour from the brand pallet and animated them so they spin when site visitors hover over each one.

Homepage on re|scripted website on mobile
Menu on re|scripted website on mobile
The website is responsive and stacks differently according to the device a visitor is using. For example, on mobile the menu occupies most of the screen, but only appears when a visitor selects it, while on the ‘Our Work’ page, instead of a gallery of tiles, a single tile occupies the full width of the screen and they stack.

Website visitors have 3 colour palettes to view the website in, making full use of the brand palette. Visually and experientially, this expresses the organisation’s creativity and forward-thinking mentality. Practically, this increases accessibility as different colour combinations are better suited to people with different needs.

The Lutalica team was incredible to work with. They were thoughtful, patient, reliable, provocative, and professional. We wanted a website that expresses our transgressive views about gender and sexuality and a brand identity that emits a feminist ethos – they helped us create just that! We love our site and absolutely recommend working with them.

– Caitlin Long, re|scripted Co-Founder

Related Projects

Pale purple text reads 'Firefly Advising' next to an outline of a firefly on a navy blue background

Firefly Advising

Homepage design in light mode of Emmanuelle Waeckerlé's website on desktop

Emmanuelle Waeckerlé