Skip to content
screenframed.com logo

ScreenFramed — The Screenshot API That Actually Looks Good

screenframed.com

“ScreenFramed — The Screenshot API That Actually Looks Good presents a professional web presence.”

professional

Color Palette

Colors

Light Mode

#7c3aed

primary

#10b981

accent

#faf7ff

background

#ffffff

surface

#111111

text

#e5e7eb

border

#111111

link

#f3f0ff

muted

Dark Mode

#5b21b6

primary

#111111

background

Typography

Fonts

Plus Jakarta Sans

body
400
500
600
self-hosted

sans-serif

Plus Jakarta Sans

heading
700
800
self-hosted

sans-serif

ui-monospace

mono
400
system

SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

Components

Design System

Try the Playground
secondary
3.35544e+07px
#ffffff
outline
outline
14px
#111111
element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.627 0.147802 -0.219953 / 0.25) 0px 10px 15px -3px, oklab(0.627 0.147802 -0.219953 / 0.25) 0px 4px 6px -4px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px

element
box-shadow

rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px

gradient

linear-gradient(160deg, rgb(255, 255, 255) 0%, rgb(243, 240, 255) 40%, rgb(237, ...

gradient

linear-gradient(160deg, rgb(250, 247, 255) 0%, rgb(243, 240, 255) 100%)...

Voice & Tone

Personality

Visual Energy

5/10

Design Era

contemporary

Emotional Tone

professional

Target Audience

general audience

Design Assets

Visual Elements

raw screenshot
png1440×900
ScreenFramed styled screenshot
png1440×900
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/screenframed.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.

Get started free