The complete visual identity for AStudio — a personal creative-tech studio by Abdalla. Premium, futuristic, confident, and built to stay consistent everywhere.
One mark, used with intent.
The AStudio mark is a geometric “A” — an upward form suggesting building, architecture, and growth. Use the lockup where space allows; the mark alone for compact placements.
Clear space & minimum size
Keep clear space around the mark equal to half its height. Don’t place it tighter than that against other elements.
Minimum size: 24px for the mark, 96px wide for the full lockup, to keep the “A” legible.
- Use on near-black or clean light backgrounds
- Keep the cyan→violet gradient direction (135°)
- Use the monochrome mark when one color is required
- Recolor, rotate, or stretch the mark
- Add shadows, outlines, or extra effects
- Place on busy images without a dark scrim
Near-black canvas, electric accents.
A restrained dark palette lets the cyan→violet accent carry the brand. Use accent sparingly for emphasis, CTAs, and the gradient.
Space Grotesk & DM Sans.
A tech-forward geometric display face paired with a clean, highly readable text face. Tight tracking on headings, comfortable line-height on body.
Icons, buttons & motion.
Line icons at a consistent 1.8px stroke. Buttons are pill-shaped; the primary uses the accent gradient. Motion is purposeful and quick.
Motion principles
- Easing — cubic-bezier(.22,.61,.36,1)
- Micro-interactions — 150–250ms
- Hover / cards — 250–400ms
- Section reveal — 700ms, fade + rise
- Accessibility — honors prefers-reduced-motion
Confident, clear, human.
AStudio speaks like a skilled builder — direct and warm, never hyped or salesy. Show the work; let quality do the talking.
Sure of the craft, without bragging.
Plain language over jargon.
Current, sharp, forward-looking.
Personal and approachable.
- “Designed & built end-to-end.”
- “Premium, considered, fast.”
- “Let’s build something great.”
- “World’s #1 / the best ever.”
- Buzzword stacks & empty hype
- Over-promising or pushy CTAs
The identity in use.
Consistent application across touchpoints — from the favicon to the social card.
Web · UI/UX · AI Workflows
