Brand Identity & Design System · v1.0

Jotnoshil

যত্নশীল — Lifestyle · Fashion · Beauty · Home

Core visual system, logo suite, Sora typography rules, and Red/Black/White color architecture for the upcoming storefront UI/UX.

01 · Visual Mark

The Logo System

Simple one-word wordmark (no subtitles, no slogans, no clutter). Paired with a geometric 'J' icon crowned by a crimson red care spark.

Logo with Icon (Light Canvas) Primary Brand Mark

public/brand/logo-with-icon.svg Navbar, letterheads, store headers

Logo with Icon (Dark Canvas) Dark Mode & Footer

public/brand/logo-with-icon-dark.svg Black packaging, dark footer, receipts

Wordmark Only (Non-Icon) Editorial Wordmark

public/brand/logo-text.svg Minimal tags, apparel labels, embossing

Wordmark Only (Dark Canvas) Dark Minimal

public/brand/logo-text-dark.svg Black labels, dark overlays

Standalone Care Icon Monogram

public/brand/icon.svg Wax seal, metal zipper pulls, social media

Favicon & App Icon Digital Squircle

public/brand/favicon.svg Browser tabs, mobile PWA home screen icon

02 · Palette System

Colors: Red, Black, White

A high-contrast, bold, modern palette combining pure white surfaces, deep pitch-black typography, and an energetic crimson red punch.

Pure White

#FFFFFF

Surface Base --color-white

Pitch Black

#0A0A0A

WCAG AAA (19.8:1) --color-black

Crimson Red

#E11D48

Primary Accent --color-red

Red Dark / Hover

#BE123C

Hover States --color-red-hover

Subtle Gray

#F9FAFB

Section Background --color-bg-subtle

03 · Typography System

Sora Font Architecture

Sora is our exclusive typeface across all digital interfaces. Clean, geometric, and designed with high x-height for effortless legibility.

Display H1 ExtraBold 800 · 48px

Jotnoshil Daily Living

Heading H2 Bold 700 · 32px

Lifestyle · Fashion · Beauty · Home

Subheading H3 SemiBold 600 · 20px

Handcrafted essentials curated with intentional care.

Body Regular Regular 400 · 15px

Jotnoshil brings mindfulness into everyday living. From breathable washed linens to pure botanical serums and artisan stoneware, every product is built to last.

Interactive UI SemiBold 600 · 13px

04 · Infrastructure

Deployment & GitOps Pipeline

Production and Beta branches deployed on Cloudflare Pages edge network:

Live Production branch: main

jotnoshil.com

Deployed: jotnoshil.pages.dev

Pre-Release Beta branch: beta

beta.jotnoshil.com

Deployed: beta.jotnoshil.pages.dev