React Aligarh · Brand Assets

Logo & Brand Assets

All assets are derived directly from the RA logo — Slate backgrounds, Cyan accent (lock icon), Sand secondary (tagline), Violet tertiary. Download SVG or PNG; use as-is, never modify.

01 — Logo

Logo & Mark

Two variants: monogram for compact contexts, full lockup for headers and presentations. Never modify either.

Monogram — Dark

On dark surfaces

SVG ↓PNG ↓

Monogram — Light

On light surfaces

SVG ↓PNG ↓

Full Lockup — Dark

Primary usage · on dark surfaces

SVG ↓PNG ↓

Full Lockup — Light

On light surfaces

SVG ↓PNG ↓

Wordmark — Dark

When mark shown separately · on dark

SVG ↓PNG ↓

Wordmark — Light

When mark shown separately · on light

SVG ↓PNG ↓

Monochrome

Print, embossing

SVG ↓PNG ↓

Size Reference

Minimum: 16px monogram · 120px wide for full lockup.

512px

OG image, app store icon, print

128px

Favicon, email signature

48px

Navbar, avatar badge

24px

Inline text, tab icon

16px ↓

Minimum — do not use below this

02 — Colors

Color System

4-family system derived from the logo. Click any swatch to copy the hex. No inline hex in components — always use CSS custom properties or Tailwind v4 classes.

BACKGROUNDS — Slate family

ACCENT — Cyan primary (logo lock icon)

WARM — Sand secondary (logo tagline)

VIOLET — Tertiary (third-slot only)

BORDERS

SEMANTIC

GRADIENTS

Brand — Cyan → Sand

linear-gradient(135deg, var(--accent) 0%, var(--warm) 100%)

.gradient-accent

Three-accent — Cyan → Violet → Sand

linear-gradient(90deg, var(--accent) 0%, var(--violet) 50%, var(--warm) 100%)

.gradient-accent-3

03 — Typography

Type System

Schibsted Grotesk for UI, body and headlines · Anek Devanagari for Hindi and other Devanagari text · Geist Mono for code.

DISPLAYSchibsted Grotesk 800 · clamp(40–80px) · -0.03em

Unlocking Talent

H1Schibsted Grotesk 800 · clamp(32–48px) · -0.02em

Proof of Work Builder Community

H2Schibsted Grotesk 700 · clamp(24–40px) · -0.02em

Geography shouldn't define access to learning

BODYSchibsted Grotesk 400 · 16px · lh 1.6

React Aligarh is a proof-of-work builder community rooted in Aligarh, open to everyone who builds.

CAPTIONSchibsted Grotesk 400 · 13px · 60% opacity

Active participants · 30-day roadmap · 152 points to membership

LABELSchibsted Grotesk 700 · 11px · 0.10em tracked

PROOF OF WORK · REACT ALIGARH

HINDIAnek Devanagari 700 · clamp(24–40px) · lh 1.4

प्रूफ ऑफ़ वर्क बिल्डर कम्युनिटी

Font setup (Next.js)

import { Schibsted_Grotesk, Anek_Devanagari } from "next/font/google";

const schibsted = Schibsted_Grotesk({ variable: "--font-schibsted", subsets: ["latin", "latin-ext"], style: ["normal", "italic"] });
const anek = Anek_Devanagari({ variable: "--font-deva", subsets: ["devanagari"] });

--font-sans:    var(--font-schibsted), var(--font-deva), system-ui, sans-serif;
--font-display: var(--font-schibsted), var(--font-deva), system-ui, sans-serif;
--font-mono:    var(--font-geist-mono), ui-monospace, monospace;

FONT CREDITS

Schibsted Grotesk by Bakken & Bæck and Henrik Kongsvoll, © 2023 The Schibsted-Grotesk Project Authors. Anek Devanagari by Ek Type, © 2021 The Anek Project Authors. Both are licensed under the SIL Open Font License 1.1.

Schibsted Grotesk · Google Fonts Schibsted Grotesk · GitHub Anek · GitHub

These fonts are third-party and are not covered by the RA Brand License below; they stay under their own licenses.

04 — Components

UI Components

BADGES

MEMBERPROOF OF WORKMILESTONEROADMAP ACTIVEASSESSMENT PENDINGSUSPENDEDRESTRICTED

BUTTONS

BRAND BAR — Dividers & card accents

2-stop: .gradient-accent · 3-stop: .gradient-accent-3

05 — Usage Policy

How to Use These Assets

When in doubt, get a license first.

✓ DO

Use on portfolio to show RA membership

Credit RA in blog posts with attribution

Use for RA-organised community events

Include in open-source READMEs built during RA

Maintain aspect ratio when resizing

Use provided color variants for correct backgrounds

Keep 8px clear space around logo at all times

✕ DON'T

Modify, recolor, stretch, or distort the logo

Place on clashing or unreadable backgrounds

Imply official RA endorsement without approval

Use in commercial products without a license

Co-brand with another org without prior approval

Use in political or controversial content

Include in AI training datasets or generated content

Attribution Formats

Use exactly one. Do not abbreviate or alter.

FOR PROJECTS BUILT DURING RA

Built at React Aligarh — reactaligarh.com

FOR MEMBER PORTFOLIOS

Member · React Aligarh · Proof of Work Community · reactaligarh.com

FOR ARTICLES / PRESS

React Aligarh is a proof-of-work builder community based in Aligarh, India, operated by Geeta Systems. Learn more at reactaligarh.com.

06 — License

RA Brand License v1.0

Custom license — plain language, no legal jargon.

RA Brand License

v1.0

Free to Use

Active RA member / participant
Attribution in blog, article, or project
RA-organised community event
Personal portfolio — members only
Non-commercial, RA-affiliated use

Written Approval Required

Commercial products or paid services
Press coverage or journalism
Co-branding with another org or sponsor
Educational institution using RA materials
Merchandise, print, or physical products

Never Permitted

Modifying or distorting the logo
Implying RA endorsement without approval
Using in political or discriminatory content
Including in AI training datasets
Reselling or sub-licensing assets
After RA membership is revoked

Assets are the IP of React Aligarh / Geeta Systems. Use constitutes acceptance. Violation may result in removal and legal action under Indian IP law.

Get a License Contact for Approval

React Aligarh · Brand Assets

Logo & Brand Assets

All assets are derived directly from the RA logo — Slate backgrounds, Cyan accent (lock icon), Sand secondary (tagline), Violet tertiary. Download SVG or PNG; use as-is, never modify.

01 — Logo

Logo & Mark

Two variants: monogram for compact contexts, full lockup for headers and presentations. Never modify either.

Monogram — Dark

On dark surfaces

SVG ↓PNG ↓

Monogram — Light

On light surfaces

SVG ↓PNG ↓

Full Lockup — Dark

Primary usage · on dark surfaces

SVG ↓PNG ↓

Full Lockup — Light

On light surfaces

SVG ↓PNG ↓

Wordmark — Dark

When mark shown separately · on dark

SVG ↓PNG ↓

Wordmark — Light

When mark shown separately · on light

SVG ↓PNG ↓

Monochrome

Print, embossing

SVG ↓PNG ↓

Size Reference

Minimum: 16px monogram · 120px wide for full lockup.

512px

OG image, app store icon, print

128px

Favicon, email signature

48px

Navbar, avatar badge

24px

Inline text, tab icon

16px ↓

Minimum — do not use below this

02 — Colors

Color System

4-family system derived from the logo. Click any swatch to copy the hex. No inline hex in components — always use CSS custom properties or Tailwind v4 classes.

BACKGROUNDS — Slate family

ACCENT — Cyan primary (logo lock icon)

WARM — Sand secondary (logo tagline)

VIOLET — Tertiary (third-slot only)

BORDERS

SEMANTIC

GRADIENTS

Brand — Cyan → Sand

linear-gradient(135deg, var(--accent) 0%, var(--warm) 100%)

.gradient-accent

Three-accent — Cyan → Violet → Sand

linear-gradient(90deg, var(--accent) 0%, var(--violet) 50%, var(--warm) 100%)

.gradient-accent-3

03 — Typography

Type System

Schibsted Grotesk for UI, body and headlines · Anek Devanagari for Hindi and other Devanagari text · Geist Mono for code.

DISPLAYSchibsted Grotesk 800 · clamp(40–80px) · -0.03em

Unlocking Talent

H1Schibsted Grotesk 800 · clamp(32–48px) · -0.02em

Proof of Work Builder Community

H2Schibsted Grotesk 700 · clamp(24–40px) · -0.02em

Geography shouldn't define access to learning

BODYSchibsted Grotesk 400 · 16px · lh 1.6

React Aligarh is a proof-of-work builder community rooted in Aligarh, open to everyone who builds.

CAPTIONSchibsted Grotesk 400 · 13px · 60% opacity

Active participants · 30-day roadmap · 152 points to membership

LABELSchibsted Grotesk 700 · 11px · 0.10em tracked

PROOF OF WORK · REACT ALIGARH

HINDIAnek Devanagari 700 · clamp(24–40px) · lh 1.4

प्रूफ ऑफ़ वर्क बिल्डर कम्युनिटी

Font setup (Next.js)

import { Schibsted_Grotesk, Anek_Devanagari } from "next/font/google";

const schibsted = Schibsted_Grotesk({ variable: "--font-schibsted", subsets: ["latin", "latin-ext"], style: ["normal", "italic"] });
const anek = Anek_Devanagari({ variable: "--font-deva", subsets: ["devanagari"] });

--font-sans:    var(--font-schibsted), var(--font-deva), system-ui, sans-serif;
--font-display: var(--font-schibsted), var(--font-deva), system-ui, sans-serif;
--font-mono:    var(--font-geist-mono), ui-monospace, monospace;

FONT CREDITS

Schibsted Grotesk · Google Fonts Schibsted Grotesk · GitHub Anek · GitHub

These fonts are third-party and are not covered by the RA Brand License below; they stay under their own licenses.

04 — Components

UI Components

BADGES

MEMBERPROOF OF WORKMILESTONEROADMAP ACTIVEASSESSMENT PENDINGSUSPENDEDRESTRICTED

BUTTONS

BRAND BAR — Dividers & card accents

2-stop: .gradient-accent · 3-stop: .gradient-accent-3

05 — Usage Policy

How to Use These Assets

When in doubt, get a license first.

✓ DO

Use on portfolio to show RA membership

Credit RA in blog posts with attribution

Use for RA-organised community events

Include in open-source READMEs built during RA

Maintain aspect ratio when resizing

Use provided color variants for correct backgrounds

Keep 8px clear space around logo at all times

✕ DON'T

Modify, recolor, stretch, or distort the logo

Place on clashing or unreadable backgrounds

Imply official RA endorsement without approval

Use in commercial products without a license

Co-brand with another org without prior approval

Use in political or controversial content

Include in AI training datasets or generated content

Attribution Formats

Use exactly one. Do not abbreviate or alter.

FOR PROJECTS BUILT DURING RA

Built at React Aligarh — reactaligarh.com

FOR MEMBER PORTFOLIOS

Member · React Aligarh · Proof of Work Community · reactaligarh.com

FOR ARTICLES / PRESS

React Aligarh is a proof-of-work builder community based in Aligarh, India, operated by Geeta Systems. Learn more at reactaligarh.com.

06 — License

RA Brand License v1.0

Custom license — plain language, no legal jargon.

RA Brand License

v1.0

Free to Use

Active RA member / participant
Attribution in blog, article, or project
RA-organised community event
Personal portfolio — members only
Non-commercial, RA-affiliated use

Written Approval Required

Commercial products or paid services
Press coverage or journalism
Co-branding with another org or sponsor
Educational institution using RA materials
Merchandise, print, or physical products

Never Permitted

Modifying or distorting the logo
Implying RA endorsement without approval
Using in political or discriminatory content
Including in AI training datasets
Reselling or sub-licensing assets
After RA membership is revoked

Assets are the IP of React Aligarh / Geeta Systems. Use constitutes acceptance. Violation may result in removal and legal action under Indian IP law.

Get a License Contact for Approval