Skip to content
shockmarket.cz logo

Shockmarket

shockmarket.cz

“Shockmarket projects a no-nonsense, results-driven identity that prioritizes profitability over aesthetics. The brand feels direct and authoritative, utilizing a high-contrast, flat design language to communicate clarity and efficiency. It targets business owners who value straightforward, measurable outcomes above all else.”

profit-focused
direct
flat
corporate
minimal
authoritative
sharp
utilitarian

Color Palette

Colors

Light Mode

#e60f73

primary

#606266

secondary

#ffffff

background

#555555

text

#dadbdd

border

#f78da7

accent

#606266

muted

Dark Mode

#0d1093

background

#d1deff

link

Typography

Fonts

-apple-system

body
400
700
system

BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji

Open Sans

heading
600
700
self-hosted

sans-serif

Open Sans

body
600
700
self-hosted

sans-serif

body

The quick brown fox

h1

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

Components

Design System

Kontaktovat
primary
0px
#e60f73#ffffff
Kontaktovat
outline
0px
#ffffff

Voice & Tone

Personality

Visual Energy

7/10

Design Era

flat-2.0

Emotional Tone

confident-direct

Target Audience

E-commerce business owners and marketing decision-makers who are skeptical of fluff and demand clear ROI.

Comparable Brands

Stripe
Notion
Linear

Brand Rules

Dos & Don'ts

Do

  • Use Open Sans at 600 or 700 weight for all headings, strictly in sentence-case.
  • Use -apple-system for body text at 400 weight with a fixed line-height of 24px.
  • Style primary CTA buttons with a solid #e60f73 background, #ffffff text, 15px vertical padding, 20px horizontal padding, and 0px border-radius (sharp corners).
  • Style outline buttons with transparent background, #ffffff text, 12px vertical padding, 20px horizontal padding, and 1px #ffffff border.
  • Maintain a flat design aesthetic: do not use box-shadows or gradients on any UI elements.
  • Use #555555 for primary body text and #606266 for secondary text on white backgrounds.
  • Apply the base spacing unit of 2px for all margins and paddings to maintain a tight, efficient layout.
  • Keep copy concise and imperative, focusing on value propositions like 'Reklama musí být zisková' without using emojis or exclamations.

Don't

  • Do not use title case for headings; the brand strictly uses sentence-case.
  • Do not apply any box-shadows or depth effects; the design is entirely flat.
  • Do not use gradients for backgrounds or buttons; use solid colors only.
  • Do not use rounded corners (border-radius > 0px) on buttons or cards; keep all corners sharp (0px).
  • Do not use serif fonts; the brand relies exclusively on sans-serif typefaces.
  • Do not use emojis or excessive punctuation (exclamations) in marketing copy.
  • Do not use #0d1093 as a background for light mode content; this dark blue is reserved for dark mode backgrounds.
  • Do not use playful or informal language; maintain a formal yet accessible tone.

Design Assets

Visual Elements

Design asset
png800×500
Design asset
png800×509
Design asset
png800×499
Design asset
png800×800
Design asset
png1254×1254
Design asset
png500×200
Design asset
png301×167
Design asset
png800×326
Shockmarket
webp360×58
Marketing ShockMarket
webp570×541

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/shockmarket.cz \
  -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