01 / HORIZON · LIGHT
We build software. Software that fits.
Horizon
Daylight, grown into a full consultancy site with Thoughtworks-style clarity.
View direction ↓
Four remixes, now in motion.
Horizon, Opal, Graphite and Nocturne, now with plain A’s in every headline and a mix of graded stock photography, stock loops and custom brand-color video. Two light, two dark.
REMIX DIRECTIONS V3 / 01–04 · 2 LIGHT · 2 DARK · OFFLINE PRESENTATIONPatterns, not content.
v3 changes: every headline now uses a normal letter A, and each site mixes graded stock photography, stock loops and custom brand-color video. We studied accenture.com, slalom.com and thoughtworks.com for structure and interaction only. No copy, imagery, logos or trademarks were taken. Where those sites show clients, case studies or stats, we use honest equivalents: “How we’d approach…” scenarios, sample topics marked as drafts, and principles.
Accenture
- Huge uppercase headline
- Insight tiles with type labels, color-blocked
- Careers band
- Dense multi-column footer
Slalom
- Italic serif emphasis phrase
- “Let’s talk” pill in the nav
- Big centered statement paragraph
- Three experience pillars, big gradient CTA band
Thoughtworks
- Two-line hero, accent second line
- Column mega-menus (Services, Industries)
- Horizontal insights card rail
- Dark CTA banner, four-column footer
All four sites now add: mega-menus with a mobile menu, a capability detail layout, industries with illustrative scenarios, a sample-topics grid, principles, a “work with us” teaser, a stronger CTA and a richer footer.
02 / OPAL · LIGHT
Software, clearly built.
Opal
Pearl, made warmer and more human with Slalom’s editorial voice.
View direction ↓03 / GRAPHITE · DARK
Built to last. Built to learn.
Graphite
Slate with Accenture’s bold scale: uppercase headlines and color-blocked tiles.
View direction ↓04 / NOCTURNE · DARK
Build what’s next.
Nocturne
Midnight, made into a full immersive flagship site, drawing on all three.
View direction ↓01 / HORIZONLightRecommended
Horizon
Daylight, grown into a full consultancy site with Thoughtworks-style clarity.
Concept
Daylight’s airy white canvas, glow and self-building A, now with a two-line hero (second line in the brand gradient), Services and Industries mega-menus, a sticky capability index, a horizontally scrolling rail of sample topics, “How we’d approach…” scenarios and a dark slate CTA band.
Borrowed ideas
From Thoughtworks
- Two-line hero, accent second line
- Column mega-menus
- Horizontal insights rail
- Dark CTA banner, four-plus column footer
From Slalom
- “Let’s talk” pill in the nav
From Accenture
- Type labels on insight cards
Media
Custom (made for Aura Tekton)
- Hero background: “light field” loop, violet and cyan on pearl, under a white veil
Stock (free license, graded to the palette)
- Band: white spiral staircase (Dan Freeman, Unsplash)
- Industries: whiteboard diagram (Kaleidico, Unsplash)
- Work with us: team at a table (Sable Flow, Unsplash)
Palette
- Slate
#232D34 - White
#FFFFFF - Lavender mist
#F7F7FB - Violet text
#6A3BD6 - Violet
#8349F5 - Cyan
#08B2E6
Fonts
Outfit + Inter
Self-hosted, SIL Open Font License.
02 / OPALLight
Opal
Pearl, made warmer and more human with Slalom’s editorial voice.
Concept
Pearl’s iridescent field and glass cards, plus italic serif emphasis words, a big centered statement paragraph, a three-pillar “Aura Tekton experience” section, glass capability detail cards and a full gradient CTA band.
Borrowed ideas
From Slalom
- Italic serif emphasis phrases
- Big centered statement paragraph
- Three experience pillars
- Large gradient CTA band
- “Let’s talk” pill
From Thoughtworks
- Column mega-menus
- Sample-topic card grid
From Accenture
- Careers-style “work with us” band
Media
Custom (made for Aura Tekton)
- Hero background: “light field” loop, masked to fade in from the right
Stock (free license, graded to the palette)
- Experience: team at a table (Sable Flow, Unsplash)
- Band: faceted glass facade (Héctor J. Rivas, Unsplash)
- Industries: white steel frame (Martin Grincevschi, Unsplash)
- Work with us: planning at a whiteboard (Paymo, Unsplash)
- Contact band: bokeh loop, blended into the gradient (Mixkit)
Palette
- Slate
#232D34 - Pearl
#F2F0FB - Lavender
#E6DDFF - Violet text
#6A3BD6 - CTA blue
#3348C8 - Teal
#0A6E91
Fonts
Sora + Inter, Instrument Serif italic
Self-hosted, SIL Open Font License.
03 / GRAPHITEDark
Graphite
Slate with Accenture’s bold scale: uppercase headlines and color-blocked tiles.
Concept
Slate’s deep canvas, glow and animated A, with a huge uppercase headline (“Built to last. Built to learn.”), a side blurb, a light statement band for contrast, color-blocked insight tiles (light, violet, slate), a gradient “work with us” band and a light CTA band.
Borrowed ideas
From Accenture
- Huge uppercase headline
- Color-blocked insight tiles with type labels
- Careers band
- Dense multi-column footer
- Compact mega-nav
From Thoughtworks
- Sticky capability index
From Slalom
- Statement band
Media
Custom (made for Aura Tekton)
- Hero background: “architectural beams” loop catching violet and cyan light, under a slate veil
Stock (free license, graded to the palette)
- Band: code on a dark screen (Harshit Katiyar, Unsplash)
- Industries: concrete stair and tree (Alexander Abero, Unsplash)
- Work with us: whiteboard diagram (Kaleidico, Unsplash)
Palette
- Deep slate
#1B242C - Card
#222D36 - Frost
#EEF2F5 - Mist text
#A9B4BF - Violet block
#54308F - Cyan
#39D3EF
Fonts
Outfit + Inter
Self-hosted, SIL Open Font License.
04 / NOCTURNEDark
Nocturne
Midnight, made into a full immersive flagship site, drawing on all three.
Concept
Midnight’s mesh and giant background A, with a huge uppercase gradient headline, scroll reveals, sticky stacked process cards, glass industry and topic tiles, mega-menus and a gradient CTA.
Borrowed ideas
From Accenture
- Huge uppercase headline
- Black-canvas immersion, insight tiles with labels
From Thoughtworks
- Column mega-menus
- Dark CTA banner
From Slalom
- Statement paragraph
- Experience-style pillars in the process
Media
Custom (made for Aura Tekton)
- Hero background: “ribbon apex” loop, violet and cyan glass ribbons meeting in an A-like apex with a light sweep
Stock (free license, graded to the palette)
- Band: rotating network of lines and points, video (Mixkit)
- Industries: faceted glass facade (Héctor J. Rivas, Unsplash)
- Work with us: planning at a whiteboard (Paymo, Unsplash)
Palette
- Midnight
#0A0E1F - Glass
#10162D - Frost
#EEF2F5 - Haze text
#A6B0C8 - Lilac
#B9A3FF - Cyan
#39D3EF
Fonts
Sora + Inter
Self-hosted, SIL Open Font License.
Comparison.
| 01 Horizon | 02 Opal | 03 Graphite | 04 Nocturne | |
|---|---|---|---|---|
| Mode | Light | Light | Dark | Dark |
| Evolved from | Daylight | Pearl | Slate | Midnight |
| Lead reference | Thoughtworks | Slalom | Accenture | All three |
| Hero | Two-line, gradient second line, custom light-field video | Editorial headline, italic serif emphasis, custom light-field video | Huge uppercase, custom beams video | Huge uppercase gradient, custom ribbon-apex video |
| Stock media | 3 photos | 4 photos + 1 video | 3 photos | 2 photos + 1 video |
| Custom media | Light-field loop | Light-field loop | Beams loop | Ribbon-apex loop |
| Signature addition | Insights rail + sticky capability index | Statement + experience pillars + gradient CTA | Color-blocked tiles + light bands | Sticky stacked process + scroll reveals |
| Type | Outfit + Inter | Sora + Inter + Instrument Serif | Outfit + Inter | Sora + Inter |
| Logo on page | Supplied colors | Supplied colors | Reversed wordmark override | Reversed wordmark override |
| Best for | Broad buyers, clear and credible | Warm, people-first positioning | Bold, confident AI-forward firm | Launch moment, maximum impact |
Credits.
All stock was downloaded and is served locally, with no hotlinking. Photos are graded toward the palette with CSS (desaturation plus a violet-to-cyan wash). Videos are muted, loop, and show only the poster under reduced motion. Nothing used shows third-party logos. Full list in CREDITS.md.
| File | Type | Subject | Author | Source | License | Used in |
|---|---|---|---|---|---|---|
| whiteboard-duo.jpg | Photo | Two people drawing on whiteboard | Kaleidico | Unsplash | Unsplash License | Horizon industries, Graphite work with us |
| whiteboard-pair.jpg | Photo | Two women standing in front of a white board | Paymo | Unsplash | Unsplash License | Opal and Nocturne work with us |
| team-table.jpg | Photo | A group of women sitting around a table working on a project | Sable Flow | Unsplash | Unsplash License | Horizon work with us, Opal experience |
| code-dark.jpg | Photo | Computer code on a dark screen with line numbers | Harshit Katiyar | Unsplash | Unsplash License | Graphite band |
| white-frame.jpg | Photo | Architectural photography of white metal building | Martin Grincevschi | Unsplash | Unsplash License | Opal industries |
| stair-concrete.jpg | Photo | Architectural photography of concrete stair | Alexander Abero | Unsplash | Unsplash License | Graphite industries |
| stair-spiral.jpg | Photo | White and brown concrete spiral stairs | Dan Freeman | Unsplash | Unsplash License | Horizon band |
| glass-wall.jpg | Photo | Low angle photo of curtain wall building | Héctor J. Rivas | Unsplash | Unsplash License | Opal band, Nocturne industries |
| stock-network.mp4/.webm | Video | 3D animation of lines and luminous points rotating | Mixkit | Mixkit | Mixkit Stock Video Free License | Nocturne band |
| stock-bokeh.mp4/.webm | Video | Bokeh lights on a black background | Mixkit | Mixkit | Mixkit Stock Video Free License | Opal contact band |
| aura-field-light.mp4/.webm | Video | Slow-drifting violet and cyan light field | Aura Tekton (custom, rendered procedurally) | Original | Owned by Aura Tekton | Horizon and Opal heroes |
| aura-ribbons.mp4/.webm | Video | Violet and cyan glass ribbons forming an A-like apex | Aura Tekton (custom, rendered procedurally) | Original | Owned by Aura Tekton | Nocturne hero |
| aura-beams.mp4/.webm | Video | Architectural beams catching violet and cyan light | Aura Tekton (custom, rendered procedurally) | Original | Owned by Aura Tekton | Graphite hero |
Open items before launch
- Reversed wordmark (Graphite and Nocturne). No light-on-dark wordmark was supplied, so both dark sites show AURA TEK in #EEF2F5 through a CSS fill override (TON keeps #A3ADB6). The logo files are unchanged, but official reversed artwork is needed.
- Placeholder email.
hello@auratekton.exampleis not a real address. Replace it with a verified inbox before publishing. - Sample topics are drafts. The insights titles are labelled “Sample topic, draft”. They are not published articles, so write them or remove them.
- Scenarios are illustrative. “How we’d approach…” describes method, not past clients. Replace them with real case studies only when you have them, with permission.
- Nocturne scroll reveals use CSS scroll-driven animation (Chrome and Edge today). Other browsers show the content without the reveal. Under reduced motion, all animation is off.
- Media. Stock photos and loops are placeholders that set the mood. Before launch, confirm the licenses again and consider commissioning team and office photography. The custom loops are procedural renders and could be replaced with higher-end 3D renders in the same palette.
- Video weight. Hero loops are 0.1–1.8 MB; the Nocturne network loop is about 5 MB. On a real host, serve WebM first (already set up), and consider lazy-loading below-the-fold video.
- Mega-menu links point to sections on the same page. Real sub-pages are needed for a multi-page site.
- All copy is proposed draft wording. There are no clients, metrics, testimonials or dates. The name and logo have not been trademark-cleared.