anishshobithps.com / brand
Brand System
Official logos, Open Graph templates, and typography scale.
01
Typography
H1
The quick brown fox
Display
H2
Section Heading
Section
H3
Sub Heading
Sub
H4
Card Heading
Card
Lead
Lead text — used for hero sections and page intros.
Intro
P
Paragraph text used across documentation and content pages.
Body
BQ
Blockquote — emphasis and highlights.
Quote
LG
Large text — useful for statistics.
Callout
SM
Small text — metadata and labels.Meta
MU
Muted text — secondary info.
Secondary
Code
Run npm install brand-system to get started.
Inline
List
- List Item One
- List Item Two
- List Item Three
Bullets
02
Logo Variants
Icon
Mark only — use at small sizes
Wordmark
Mark + short name
Full Name
Mark + full name
03
Open Graph
anishshobithps.com/blog/architecture
anishshobithps.com/case-studies/design
anishshobithps.com/case-studies/design