Images & Assets
OG Image
Logo
Favicon
Color Palette
#DFDFC1
Primary
#DFDFC1
#171917
Accent
#171917
#FAFAF8
Background
#FAFAF8
#0B0D0B
Text Primary
#0B0D0B
#D0D0B4
Link
#D0D0B4
Typography
Font Families
Heading Sagittaire Display
Body Roboto
Font Sizes
H1 97.44px
H2 32.64px
Body 18.784px
Font Stack
system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif Components
Button Styles
Input Border Color #CCCCCC
Input Border Radius 1px
Spacing & Layout
4px
Base Unit
1px
Border Radius
light
Color Scheme
Brand Personality
Tone
modern
Energy
medium
Target Audience
tech-savvy users, developers
AI Brand Prompt
Use this prompt to recreate a similar website style
STYLE OVERVIEW: This brand embodies Modern Clean and Swiss Style design philosophies. Clean, precise, and modern aesthetic with a focus on typography and ample whitespace. The design emphasizes clarity, functionality, and a professional appearance.
COLOR SYSTEM:
- Primary: #DFDFC1 (soft beige) - main text and UI elements
- Accent: #171917 (dark green) - primary buttons, headings, and key elements
- Background: #FAFAF8 (off-white) - main canvas
- Text: #0B0D0B (dark green) - body text and secondary elements
- Link: #D0D0B4 (light beige) - interactive elements and links
TYPOGRAPHY:
- Headings: Sagittaire Display, 97.44px for h1, 32.64px for h2, serif style
- Body: Roboto or PolySans Var, 18.784px base, system-ui fallback
- UI: 16px medium weight for buttons and labels
COMPONENTS:
- Buttons: 6px radius for primary, 4px radius for secondary, no shadows
- Inputs: 1px border radius, subtle border color (#CCCCCC)
- Cards: Minimal borders, ample whitespace, clean typography
VISUAL EFFECTS:
- Minimal use of shadows and gradients
- Clean, sharp borders with 1px radius
- Subtle hover effects with color transitions
MOOD & AUDIENCE: Professional, modern, and precise. Appeals to tech-savvy users and developers who value clarity and functionality. The design is suited for a tech company or a brand targeting a professional audience.