hashanas yogasala

Brand kit: logo, square versions, colors and fonts.

Primary logo

Horizontal, light. Transparent background.

Horizontal, dark. Transparent background.

Horizontal, monochrome black.

Horizontal, monochrome white.

Square versions for social media and profile pictures

Light

Dark

Monochrome black

Monochrome white

Mark-only icons, shown in the circular crop most platforms apply. Use these when the profile picture is very small.

Favicons

favicon.svg
Scalable, modern browsers

favicon-48x48.png
48 x 48

favicon-32x32.png
32 x 32

favicon-16x16.png
16 x 16

apple-touch-icon.png
180 x 180, iOS

android-chrome-192x192.png
Android

android-chrome-512x512.png
Android, splash and PWA

favicon.ico bundles 16 and 32 px for older browsers and is the fallback for anything that requests /favicon.ico. Add these tags to the <head> of every page:

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Files live in src/assets/logos/favicon . Copy them to the root of the website so the paths above resolve. For an installable web app, reference the two android-chrome PNGs in the icons list of the web app manifest.

Open Graph share images

Share image, light. 1200 x 630.

Share image, dark. 1200 x 630.

Open Graph tags control the preview card shown when a page is shared on WhatsApp, Facebook, LinkedIn, Slack and most messaging apps. Use the light image by default. The recommended size is 1200 x 630 px (1.91:1). Add these tags to the <head> of every page:

<meta property="og:type" content="website">
<meta property="og:site_name" content="hashanas yogasala">
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two short sentences.">
<meta property="og:image" content="https://example.com/hashanas-og-share-1200x630-light.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="hashanas yogasala logo">
<meta name="twitter:card" content="summary_large_image">

Files live in src/assets/logos/social . The og:image value must be an absolute URL on the live site, so copy the image to the website and use its full address. Social platforms cache previews, so use their sharing debugger to refresh after changing the image.

Colors

Forest green #2D4426 RGB 45 / 68 / 38 CMYK 34 / 0 / 44 / 73 Primary. Brand name, mark, text on light backgrounds.

Burnt orange #C85E20 RGB 200 / 94 / 32 CMYK 0 / 53 / 84 / 22 Accent. The sun and the word yogasala.

Warm cream #F6F1E7 RGB 246 / 241 / 231 CMYK 0 / 2 / 6 / 4 Light background and paper.

Deep forest #1E2D1B RGB 30 / 45 / 27 CMYK 33 / 0 / 40 / 82 Dark background.

Soft sage #DDE5CF RGB 221 / 229 / 207 CMYK 3 / 0 / 10 / 10 Logo and text color on dark backgrounds.

Dark-mode orange #E0803E RGB 224 / 128 / 62 CMYK 0 / 43 / 72 / 12 Sun and yogasala on dark backgrounds.

CMYK values are straightforward conversions. Ask your printer for a proof, since results vary by paper and press.

Typography

hashanas

yogasala

Use	Font	Weight	Notes
Brand name: hashanas	Outfit	600 (SemiBold)	Lowercase, tracking -10
Descriptor: yogasala	Outfit	400 (Regular)	Lowercase, tracking +340 (0.34 em)
Headlines in print and web	Outfit	500 to 600	Always lowercase to match the logo
Body text	DM Sans	400, 500	A calm, highly readable partner for Outfit
Technical details: codes, file names, hex values, specs	JetBrains Mono	400, 500	Sparingly, at body size or smaller. Never for headlines

<link rel="stylesheet" href="src/assets/fonts/fonts.css">

h1, h2, h3 { font-family: 'Outfit', sans-serif; font-weight: 600; text-transform: lowercase; }
body       { font-family: 'DM Sans', sans-serif; color: #2D4426; background: #F6F1E7; }
code, pre  { font-family: 'JetBrains Mono', ui-monospace, monospace; }

All three fonts are bundled in src/assets/fonts , are free on Google Fonts and licensed for print and web (SIL Open Font License). The logo files already have the lettering converted to outlines, so you never need to install the fonts to use the logo itself.

Mono font

#2D4426 hashanas-icon-dark.svg RGB 45 / 68 / 38

JetBrains Mono is the technical voice of the brand. Use it for anything the reader may need to copy or compare exactly: hex and CMYK values, file names, paths, code snippets and measurements. Keep it at body size or smaller, in forest green on light backgrounds (burnt orange for highlighted values) and soft sage on dark ones. Do not use it for headlines, the logo or running text.

Usage

Clear space Keep space equal to the height of the moon on every side of the logo.

Minimum size Horizontal logo: 120 px wide on screen, 30 mm in print. Below that, use the mark-only icon.

Backgrounds Color logo on cream or white. Dark version on deep forest or photos. Monochrome for stamps, embroidery and one-color printing.

Always lowercase Write the name as hashanas yogasala in every caption, heading and signature.

Files

Every version is available as SVG (scalable, for print and web) and PNG (for social platforms that do not accept SVG). Squares are 1080 x 1080 px. Horizontals are 2400 px wide with a transparent background.
Names follow the pattern src/assets/logos/horizontal/hashanas-horizontal-light.svg , src/assets/logos/square/hashanas-square-dark.png and src/assets/logos/icon/hashanas-icon-mono-white.svg . Favicons are in src/assets/logos/favicon and keep the standard names (favicon.ico, apple-touch-icon.png) because browsers expect them.