ogrender — Dynamic OG Images Powered by Your Brand
ogrender.com“ogrender — Dynamic OG Images Powered by Your Brand presents a professional web presence.”
professional
Color Palette
Colors
Typography
Fonts
Outfit
body
400
google-fonts
ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
Outfit
heading
500
700
800
google-fonts
ui-sans-serif, system-ui, sans-serif
JetBrains Mono
body
500
google-fonts
ui-monospace, Cascadia Code, Fira Code, monospace
body
The quick brown fox
16pxh1
The quick brown fox
80pxh2
The quick brown fox
48pxh3
The quick brown fox
18pxComponents
Design System
Get Started
secondary
0px#ffffff#050505
Check your site
outline
0px#888888
Read the docs
primary
0px#4f8cff#4f8cff
Voice & Tone
Personality
Visual Energy
5/10
Design Era
contemporary
Emotional Tone
professional
Target Audience
general audience
Design Assets
Visual Elements
svg64×64
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/ogrender.com \
-H "x-api-key: ev_your_key"
# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
-H "x-api-key: ev_your_key"
# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
-H "x-api-key: ev_your_key"Extract your own brand kit
Get colors, fonts, voice, and personality from any website in seconds. Open source.