Skip to content
sympoiet.com logo

Sympoiet

sympoiet.com

“Sympoiet Robotics projects a vibe of authoritative, high-precision industrial intelligence. It blends the stark, functional aesthetic of modern robotics with the confident, matter-of-fact voice of a technical expert, emphasizing reliability and learning over flashy marketing.”

industrial
precise
minimal
authoritative
technical
reliable
futuristic
clean

Color Palette

Colors

Light Mode

#ff8a00

primary

#ff8a00

accent

#ffffff

background

#0b1320

link

#e7e2d3

border

#9aa3b2

muted

Dark Mode

#050a12

background

#050a12

surface

#ffffff

text

#9aa3b2

secondaryText

#9aa3b2

muted

Typography

Fonts

Inter

body
400
self-hosted

sans-serif

Space Grotesk

heading
600
700
self-hosted

sans-serif

Space Grotesk

body
600
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

Skip to content
primary
999px
#ff8a00#0b1320
TR
outline
0px
#ffffff
gradient

linear-gradient(100deg, rgba(5, 10, 18, 0.94) 4%, rgba(5, 10, 18, 0.62) 38%, rgb...

gradient

linear-gradient(to top, rgb(5, 10, 18) 2%, rgba(0, 0, 0, 0) 34%)...

gradient

radial-gradient(420px at 50% 50%, rgba(255, 138, 0, 0.16), rgba(0, 0, 0, 0) 62%)...

Voice & Tone

Personality

Visual Energy

6/10

Design Era

contemporary-minimal

Emotional Tone

confident-precise

Target Audience

Factory operations managers, CTOs, and industrial automation engineers seeking reliable, AI-driven solutions for press tending and manufacturing cells.

Comparable Brands

Tesla
Bosch
Linear
Stripe
Nvidia

Brand Rules

Dos & Don'ts

Do

  • Use Space Grotesk at 600 or 700 weight for all headings, strictly in sentence-case.
  • Use Inter at 400 weight for body copy and Space Grotesk at 600 weight for emphasized body text.
  • Style primary CTA buttons with #ff8a00 background, #0b1320 text, 999px border-radius (pill shape), and 10px 16px padding.
  • Style outline/secondary buttons with transparent background, #ffffff text, 0px border-radius (sharp corners), and 1px solid #ffffff border.
  • Apply linear gradients to background overlays (e.g., dark to transparent) to create depth without using box-shadows.
  • Maintain a flat design aesthetic by avoiding all box-shadows on cards, buttons, and UI elements.
  • Use #ff8a00 as the sole primary accent color against #050a12 (dark mode) or #ffffff (light mode) backgrounds.
  • Write copy with direct, low-friction action verbs and avoid exclamations or emojis.

Don't

  • Do not use title case for headings; always use sentence-case.
  • Do not use serif fonts; the brand is strictly sans-serif (Inter and Space Grotesk).
  • Do not apply box-shadows to any UI element; the design language is flat.
  • Do not use rounded corners on outline buttons; keep them sharp (0px radius).
  • Do not use emojis or excessive punctuation (exclamation marks) in marketing copy.
  • Do not use #ff8a00 for text on light backgrounds; use #0b1320 or black for high contrast.
  • Do not use complex multi-layer gradients; stick to simple linear overlays for depth.
  • Do not use playful or overly casual tone; maintain a serious, matter-of-fact voice.

Design Assets

Visual Elements

Design asset
png190×245
Gripper holding a stamped part clear of the press
webp400×300

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/sympoiet.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