Corporate & Professional
Classic Executive
Finance & Banking
Clean lines, authoritative presence, timeless elegance.
Fonts: Helvetica | Times New Roman
Layout: Structured Grid
:root { --bg: #ffffff; --fg: #111111; --accent: #0074d9; --primary: #001f3f; --secondary: #aaaaaa; --font-sans: 'Helvetica', sans-serif; --font-serif: 'Times New Roman', serif; }Modern Professional
Legal Services
Sleek, trustworthy, minimalistic design.
Fonts: Arial | Georgia
Layout: Symmetric
:root { --bg: #ffffff; --fg: #000000; --accent: #18bc9c; --primary: #2c3e50; --secondary: #bdc3c7; --font-sans: 'Arial', sans-serif; --font-serif: 'Georgia', serif; }Corporate Clean
Consulting
Clear, professional, approachable.
Fonts: Roboto | Serif
Layout: Balanced
:root { --bg: #f7f7f7; --fg: #333333; --accent: #3498db; --primary: #e67e22; --secondary: #2ecc71; --font-sans: 'Roboto', sans-serif; }Executive Lux
Real Estate
Luxurious, sophisticated, high-end.
Fonts: Playfair Display | Montserrat
Layout: Elegant Flow
:root { --bg: #ffffff; --fg: #000000; --accent: #d4af37; --primary: #c0c0c0; --secondary: #808080; --font-serif: 'Playfair Display', serif; --font-sans: 'Montserrat', sans-serif; }Business Standard
Insurance
Reliable, straightforward, secure.
Fonts: Open Sans | Lora
Layout: Standard Grid
:root { --bg: #ffffff; --fg: #333; --accent: #ff6319; --primary: #00539c; --secondary: #eeeeee; --font-sans: 'Open Sans', sans-serif; --font-serif: 'Lora', serif; }Professional Edge
Accounting
Sharp, precise, modern edge.
Fonts: Futura | Bodoni
Layout: Dynamic
:root { --bg: #ffffff; --fg: #000000; --accent: #9370db; --primary: #4b0082; --secondary: #f8f8ff; --font-sans: 'Futura', sans-serif; }Corporate Vibrant
Marketing
Vibrant, energetic, engaging.
Fonts: Impact | Times
Layout: Vibrant Layout
:root { --bg: #ffffff; --fg: #001f3f; --accent: #ff4136; --primary: #ffdc00; --secondary: #aaaaaa; --font-sans: 'Impact', sans-serif; }Creative & Lifestyle
Bohemian Chic
Fashion
Free-spirited, eclectic, artistic.
Fonts: Brush Script MT | Playfair Display
Layout: Organic
:root { --bg: #ffffff; --fg: #333; --accent: #e74c3c; --primary: #9b59b6; --secondary: #f39c12; --font-serif: 'Playfair Display', serif; }Minimalist Life
Home Decor
Simple, clean, serene.
Fonts: Montserrat | Lato
Layout: Minimal
:root { --bg: #ffffff; --fg: #9e9e9e; --accent: #e0e0e0; --primary: #f5f5f5; --secondary: #bdbdbd; --font-sans: 'Montserrat', sans-serif; }Vintage Retro
Music
Nostalgic, colorful, fun.
Fonts: Courier New | Times New Roman
Layout: Retro Grid
:root { --bg: #ffdc00; --fg: #85144b; --accent: #ff851b; --primary: #3d9970; --secondary: #b10dc9; --font-mono: 'Courier New', monospace; }Artistic Expression
Art Gallery
Expressive, bold, creative.
Fonts: Avant Garde | Brush Script MT
Layout: Freeform
:root { --bg: #ffffff; --fg: #000000; --accent: #ff0000; --primary: #0000ff; --secondary: #ffff00; --font-sans: 'Avant Garde', sans-serif; }Lifestyle Zen
Wellness
Calm, balanced, natural.
Fonts: Lora | Open Sans
Layout: Zen Flow
:root { --bg: #f0fff0; --fg: #556b2f; --accent: #9acd32; --primary: #8fbc8f; --secondary: #98fb98; --font-serif: 'Lora', serif; --font-sans: 'Open Sans', sans-serif; }Creative Burst
Design Agency
Dynamic, innovative, vibrant.
Fonts: Poppins | Merriweather
Layout: Burst Layout
:root { --bg: #ffffff; --fg: #000000; --accent: #ff9900; --primary: #146eb4; --secondary: #cccccc; --font-sans: 'Poppins', sans-serif; }Urban Lifestyle
Urban Fashion
Edgy, urban, contemporary.
Fonts: Bebas Neue | Roboto
Layout: Urban Grid
:root { --bg: #ffffff; --fg: #333333; --accent: #999999; --primary: #666666; --secondary: #ccccc0; --font-sans: 'Bebas Neue', sans-serif; }Technology & Innovation
Futuristic Tech
Software Development
Sleek, high-tech, innovative.
Fonts: Source Code Pro | Futura
Layout: Asymmetric
:root { --bg: #010409; --fg: #c9d1d9; --accent: #58a6ff; --primary: #1f6feb; --secondary: #0d1117; --font-mono: 'Source Code Pro', monospace; }Digital Minimal
App Development
Clean, digital, user-friendly.
Fonts: Roboto | Inter
Layout: Grid Minimal
:root { --bg: #ffffff; --fg: #000000; --accent: #4285f4; --primary: #34a853; --secondary: #fbbc05; --font-sans: 'Roboto', sans-serif; }Innovation Blue
AI & Machine Learning
Blue-toned, futuristic, intelligent.
Fonts: Orbitron | Source Code Pro
Layout: Innovative
:root { --bg: #ffffff; --fg: #00008b; --accent: #4682b4; --primary: #87ceeb; --secondary: #add8e6; --font-sans: 'Orbitron', sans-serif; }Cyber Neon
Cybersecurity
Neon, secure, high-contrast.
Fonts: Source Code Pro | Inconsolata
Layout: Neon Grid
:root { --bg: #000000; --fg: #00ff00; --accent: #ff00ff; --primary: #00ffff; --secondary: #ff0000; --font-mono: 'Source Code Pro', monospace; }Tech Green
Green Tech
Eco-friendly, modern, sustainable.
Fonts: Verdana | Georgia
Layout: Sustainable Flow
:root { --bg: #ffffff; --fg: #006400; --accent: #228b22; --primary: #90ee90; --secondary: #32cd32; --font-sans: 'Verdana', sans-serif; }Innovation Hub
Startup
Dynamic, collaborative, cutting-edge.
Fonts: Poppins | Roboto
Layout: Hub Layout
:root { --bg: #ffffff; --fg: #000000; --accent: #ff4500; --primary: #ffd700; --secondary: #1e90ff; --font-sans: 'Poppins', sans-serif; }Digital Wave
Digital Media
Wavy, fluid, digital.
Fonts: Inter | Lora
Layout: Wave
:root { --bg: #ffffff; --fg: #00008b; --accent: #00bfff; --primary: #20b2aa; --secondary: #87cefa; --font-sans: 'Inter', sans-serif; }Cultural & Event-Driven
Festival Vibrant
Events
Colorful, festive, energetic.
Fonts: Impact | Comic Sans MS
Layout: Vibrant Grid
:root { --bg: #ffff00; --fg: #000000; --accent: #ff0000; --primary: #0000ff; --secondary: #008000; --font-sans: 'Impact', sans-serif; }Heritage Classic
Cultural Heritage
Traditional, elegant, historical.
Fonts: Times New Roman | Garamond
Layout: Classic
:root { --bg: #f5f5dc; --fg: #556b2f; --accent: #8b4513; --primary: #a52a2a; --secondary: #cd853f; --font-serif: 'Times New Roman', serif; }Event Modern
Conferences
Contemporary, engaging, dynamic.
Fonts: Helvetica | Arial
Layout: Modern Flow
:root { --bg: #ffffff; --fg: #4f4f4f; --accent: #ff6347; --primary: #4682b4; --secondary: #32cd32; --font-sans: 'Helvetica', sans-serif; }Cultural Fusion
Multicultural Events
Fusion, diverse, inclusive.
Fonts: Poppins | Lora
Layout: Fusion Grid
:root { --bg: #fffacd; --fg: #333; --accent: #ff69b4; --primary: #00fa9a; --secondary: #ffdab9; --font-sans: 'Poppins', sans-serif; }Holiday Cheer
Holidays
Joyful, festive, warm.
Fonts: Brush Script MT | Times New Roman
Layout: Cheer Layout
:root { --bg: #ffffff; --fg: #228b22; --accent: #ff0000; --primary: #ffd700; --secondary: #c0c0c0; --font-serif: 'Times New Roman', serif; }Art Festival
Art & Culture
Expressive, dynamic, colorful.
Fonts: Bebas Neue | Inter
Layout: Asymmetric Blocks
:root { --bg: #f6f4f3; --fg: #000000; --accent: #f03a47; --primary: #235789; --secondary: #fed766; --font-sans: 'Bebas Neue', sans-serif; }Global Village
International Events
Diverse, inclusive, worldly.
Fonts: Poppins | Source Serif 4
Layout: Inclusive Grid
:root { --bg: #f0f0f0; --fg: #4a4e4d; --accent: #fe8a71; --primary: #0e9aa7; --secondary: #f6cd61; --font-sans: 'Poppins', sans-serif; }Glossary
- Archie's Grid-12
- A 12-column responsive grid system from the Archie's Architect Deck, used for creating structured, predictable layouts.
- Archie's Stack
- A layout component from Archie's for vertical rhythm, arranging elements in a single column with consistent spacing.
- Archie's CQ (Container Queries)
- Refers to components that adapt based on their container's size, rather than the viewport, allowing for more modular design.
- Modular
- Indicates the aesthetic is designed in self-contained blocks (cards, sections) that can be easily rearranged or reused.
- Print-Ready
- The aesthetic includes styles and considerations for high-quality printing, such as appropriate color profiles and page layout rules.