Skip to content
Studios Xenia

Tejemar

Beachwear

A wave made of woven threads. Sea blue and coral for a summer brand.

#0077b6#f4e1c1#ff7f50

Typefaces: Kalam · Karla

Logo of Tejemar

The brief

A beachwear brand lives on short seasons. The woven wave and coral look good on a bag and in a summer feed, and the store is built to launch collections fast and sell from phones.

The brand in use

Tejemar: stationery and packaging Tejemar: large-scale application Tejemar: shop window and shopping bag

Project sheet

IndustryBeachwear · Retail and lifestyle
PromiseLight fabrics, made to live on the sand.
HighlightsHandmade · Free shipping · Free exchanges
Call to action«See the collection»
WebsiteOnline store with the headline «Summer collection»
Services shownBrand identity · Web design · Social media and content · Automation · Apps and software
Measured contrastText 14.1:1 · button 5.0:1 (the WCAG minimum is 4.5:1)
Tejemar: website on laptop and phone

Website · Online store

Summer collection

The demo is a real, hand-written page published on this very site. Open it, inspect it and see how it behaves on your phone.

  • 4,9 KB HTML and CSS
  • 0 JavaScript libraries
  • 5 sections

How it is built

Semantic HTML and CSS with brand variables. Changing the palette means changing four lines:

:root{
  --fondo:#f4e1c1;
  --tinta:#14161a;
  --acento:#00649a;
  --tinta-boton:#f4e1c1;
  --oscuro:#14161a;
  --sobre-foto:#ffffff;
  --titulo:'Kalam',Georgia,serif;
  --letra:'Karla',system-ui,sans-serif;
  --radio:4px;
}

The main button sends the customer to one next step:

App or software

Shopping app with a lookbook and cart.

One screen for the customer and another for the team running the service, sharing the same brand system.

Tejemar: app on tablet and phone

Automation

What happens when a customer arrives

  1. An order arrives by site or WhatsApp
  2. The agent confirms items, address and payment
  3. It is logged in the sheet and stock is updated
  4. The team is alerted and the customer gets tracking
Tejemar: social media profile

Run a business like this one? See what your website needs.

Tell us what you sell and where it gets stuck.

We'll reply with what we'd do, what it costs and how long it takes.